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

相关推荐
新中地GIS开发老师17 分钟前
零基础WebGIS开发入门 | GeoJSON数据持久化
前端·javascript·gis·webgis·三维gis开发
blns_yxl35 分钟前
正则驱动实时表单验证(HTML+CSS+JS+正则)
javascript·css·html
Quz1 小时前
QML 与 JavaScript 交互方式:内联函数、外部文件、信号槽与工作线程
javascript·qt
Allshadow2 小时前
Nest.js - 连接数据库
javascript·nestjs
冰暮流星2 小时前
javascript之date对象
开发语言·javascript·ecmascript
橘子星2 小时前
别光看教程!手把手拆解 React Todo 项目,一文吃透 5 个核心概念
前端·javascript
蜡台2 小时前
使用 uni-popup 实现数据选择器Data-Picker
前端·javascript·html·uniapp·uni-popup·data-picker
blns_yxl2 小时前
Promise封装Fetch + 重试机制(HTML+JS)
前端·javascript·html
无巧不成书02182 小时前
Vue+Vue-CLI全平台零基础搭建教程
前端·javascript·vue.js·vue·前端开发·vue-cli·前端环境搭建