js基础案例

1.弹出警告框,显示Hello JS

2.在页面输出内容(内容在body标签里面)

3.在控制台输出内容

4.js代码是自上而下执行

5.将js代码编写到标签的onclick属性中,当点击时,js代码才会执行

6.将js写到超链接的href属性中,点击超链接,执行js,不会跳转到新页面(这个js语句就给忘了加了分号,应该养个好习惯,js中一个完整语句最好写上分号)

7.将js写到超链接的href属性中,点击超链接,执行js,写业务时会跳转到新页面

8.调用Number函数转为Number类型

9. 字符串有非数字时用Number函数后值都变为NAN

10.字符串是空串/空格,Number()转换后值为0

11.boolean转Number,true为1,false为0

12.parseInt()会解析字符串,把数字提取出来转Number(内部原理应该是从索引0开始解析,遇到非数字就停止解析)

13.代码块声明的全局变量在外部照样能用

14. 代码块声明的局部变量在外部不能用

15.弹出输入框,输入信息并反馈

16.创建对象(new Object),这种方式并不常用

17.使用对象字面量创建对象

18.函数

19.匿名函数赋值给 函数变量(注意结尾要加分号,因为是赋值语句)

20.定义并调用求和函数

21.立即函数

22.对象的属性值也可以是一个函数,该函数叫该对象的方法

23.for循环输出属性名,属性值

24.全局作用域中创建的对象都会作为window 的属性保存(函数也一样)

25.函数声明式函数(不返回变量,只声明)会在js执行前就编译好,调用放在声明前能正常执行

26.函数表达式创建的函数(赋值给变量的函数),调用放在声明前不能正常执行

27.函数内部可以访问到全局变量

28.函数内部有个隐含this,调用函数方式不同,但同一个函数的this指向的内容可能不一样

29.工厂方法创建对象

30.构造函数创建对象

31.创建的每一个函数,解析器都会向函数中添加1个属性prototype(该函数作为构造函数来创建的所有对象时指向的是同一个prototype对象),可以 类比静态(资源共享)

32.当访问对象的一个属性/方法时,它会先在对象自身寻找,如果有则使用,没有的话会去原型对象prototype中寻找。

33.使用in检查对象中是否含有某个属性时,如果对象中没有但是原型中有,会返回true

34.只检查对象本身是否有某个属性,不能检查原型里面的属性(对象自身是一个整体,原型是单独的一个整体,二者在内存毫无关系,不能搞混)

35.创建数组并赋值(数组元素可以不同类型,但一般不这样用)

36.使用字面量创建数组

37.DOM是把页面每个部分当做一个对象来处理。

38.事件

39.js代码响应事件(事件绑定)

40.浏览器解析页面是自上而下

相关推荐
海盐泡泡龟1 小时前
Javascript本地存储的方式有哪些?区别及应用场景?(含Deep Seek讲解)
开发语言·javascript·ecmascript
Elastic 中国社区官方博客3 小时前
JavaScript 中使用 Elasticsearch 的正确方式,第一部分
大数据·开发语言·javascript·数据库·elasticsearch·搜索引擎·全文检索
万物得其道者成4 小时前
从零开始创建一个 Next.js 项目并实现一个 TodoList 示例
开发语言·javascript·ecmascript
sunbyte4 小时前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | Expanding Cards (展开式卡片)
javascript·vue.js·ecmascript
肠胃炎5 小时前
React Contxt详解
javascript·react.js·ecmascript
xx24065 小时前
React Native简介
javascript·react native·react.js
重生之后端学习6 小时前
02-前端Web开发(JS+Vue+Ajax)
java·开发语言·前端·javascript·vue.js
布鲁斯的快乐小屋6 小时前
axios的基本使用
javascript·ajax
来自星星的坤9 小时前
【Vue 3 + Vue Router 4】如何正确重置路由实例(resetRouter)——避免“VueRouter is not defined”错误
前端·javascript·vue.js
香蕉可乐荷包蛋13 小时前
浅入ES5、ES6(ES2015)、ES2023(ES14)版本对比,及使用建议---ES6就够用(个人觉得)
前端·javascript·es6