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

相关推荐
m0_zj2 小时前
30.[前端开发-JavaScript基础]Day07-数组Array-高阶函数-日期Date-DOM
开发语言·前端·javascript
OrzR32 小时前
Vue Grid Layout 拖拽改变元素位置和大小的一个好工具
前端·javascript·vue.js
念九_ysl2 小时前
Vue 3指令全解析:内置指令与自定义指令实战指南
前端·javascript·vue.js
瞬间动力2 小时前
笔记:大模型Tokens是啥?为啥大模型按Tokens收费?
前端·javascript·人工智能·阿里云·easyui·oneapi·to
名之以父2 小时前
Git与GitHub:它们是什么,有什么区别与联系?
开发语言·前端·javascript·人工智能·github·个人开发·gitcode
hamburgerDaddy13 小时前
从零开始用react + tailwindcss + express + mongodb实现一个聊天程序(五) 实现登录功能
前端·javascript·react.js·node.js·express
越学不动啦3 小时前
Vue2学习
javascript·vue.js·学习
tangweiguo030519873 小时前
Kotlin 5种单例模式
javascript·单例模式·kotlin
幸运小圣3 小时前
变量解构赋值【ES6】
前端·javascript·es6
Au_ust5 小时前
千峰React:案例二
javascript·react.js·ecmascript