Blogger Information
Blog 16
fans 0
comment 0
visits 13078
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
JavaScript整体介绍
小雨丶
Original
564 people have browsed it
js引用方式
  1. 内联脚本
  2. onclick="fn()"// 标签属性调用JS方法
  3. 内部脚本
  4. js 代码写在script标签中
  5. 外部脚本
  6. script标签引用外部js文件
定义变量
  1. let变量 声明时便初始化,可以更改
  2. const常量,声明时必须初始化,不能更改
  3. 标识符: 字母,数字,下划线,$ //严格区分大小写,不得使用关键字,保留字
  4. 命名方式:
  5. 驼峰命名法:userName
  6. 常量尽量都用大写(书写习惯)
数据类型
  1. 基本数据类型
  2. typeof 变量名;// 查看变量类型
  3. 字符型:string
  4. 数字: number
  5. 布尔: truefalse
  6. undefined 定义未赋值
  7. null
  8. 引用数据类型: 数组,对象,函数
  9. 通常只有相同类型的数据运算,结果才有意义
  10. 等号尽量写三个,=== :全等的意思,数据类型跟值都相等
函数
  1. 声明function 函数名(){}
  2. 函数的声明会提前,先调用函数,再写函数代码也能调用;// 将函数赋值给一个变量,就成为了一个函数对象,那就不能提前调用了
  3. 函数重写:函数写了两次,后边的会覆盖前一个函数 // 将后写的函数赋值给其他命名的变量
  4. 参数:函数内部需要的数据
  5. ...arr归内参数,简化形参的声明 // 形参数量多的时候用这种方式
  6. 拓展:
  7. 实参数量多的时候,可以放在一个数组里面,在调用的时候用 ...函数名 就可以
  8. arguments // 类数组:类似数组,其实是对象
  9. // 属性为:从0递增的正整数,具有length属性
  10. 可以用数组的Array.from(arguments)方法将它转换为数组

返回值 // 函数都是单值返回,如果像返回多个值,将结果封装到数组或者对象中

高阶函数: 使用函数为参数,或者将函数作为返回值的函数
  1. 回调函数: 将函数作为参数的函数——简化声明时的参数声明
  2. 偏函数: 有一部分参数是先传入的
  3. let sum = function (a, b) {
  4. return function(c, d) {
  5. return a + b + c + d;
  6. };
  7. }
  8. let fn1 = sum(1, 2);
  9. console.log(fn1(3, 4));
  10. 柯里化:简化了调用参数
  11. sum = function(a){
  12. return function(b){
  13. return function(c){
  14. return function(d){
  15. return a + b + c + d;
  16. }
  17. }
  18. }
  19. }
  20. let res = sum (1)(2)(3)(4);
  21. 纯函数:完全独立于调用上下文,返回值只能受到传入的参数影响
  22. 箭头函数:简化匿名函数
  23. 如果只有一个语句,可不写return // () => {}
  24. 如果只有一个参数,可以不写小括号,直接写参数 //参数 => {}
  25. 如果没有参数,不能省略小括号
  26. *箭头函数没有原型属性prototype,不能当构造函数用
  27. *箭头函数中的this,始终与它的上下文绑定
作用域
  1. 全局,函数,块
  2. 全局:声明在函数外
  3. 函数:在函数中定义的变量是私有变量
  4. 块作用域:{}中定义,只有{}没有function()
闭包
  1. 自由变量:既不是函数参数变量,也不是函数私有变量,存在函数上下文
  2. 闭包是能够访问自由变量的函数
  3. *闭包是占用内存的,闭包函数返回的结果是存在内存中(一个自加的函数,调用一次,返回值增加1,不会重新从0开始,除非刷新网页)
立即执行函数 IIFE
  1. 立即执行:声明完成立即调用的函数,解决变量泄露
  2. (function(a,b){
  3. console.log(a+b);
  4. })(1,2)
Correcting teacher:天蓬老师天蓬老师

Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!