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.浏览器解析页面是自上而下

相关推荐
T***u3331 天前
前端框架在性能优化中的实践
javascript·vue.js·前端框架
jingling5551 天前
vue | 在 Vue 3 项目中集成高德地图(AMap)
前端·javascript·vue.js
芳草萋萋鹦鹉洲哦1 天前
【elemen/js】阻塞UI线程导致的开关卡顿如何优化
开发语言·javascript·ui
1***s6321 天前
Vue图像处理开发
javascript·vue.js·ecmascript
槁***耿1 天前
JavaScript在Node.js中的事件发射器
开发语言·javascript·node.js
一叶茶1 天前
移动端平板打开的三种模式。
前端·javascript
U***49831 天前
JavaScript在Node.js中的Strapi
开发语言·javascript·node.js
老前端的功夫1 天前
前端浏览器缓存深度解析:从网络请求到极致性能优化
前端·javascript·网络·缓存·性能优化
颜酱1 天前
Monorepo 架构以及工具选型、搭建
前端·javascript·node.js
X***48961 天前
JavaScript在Node.js中的Nx
javascript·node.js·vim