【JS高级】JS高级语法_基础总结深入（一）

已于 2022-12-29 16:41:08 修改
阅读量251 收藏
点赞数 1
分类专栏： 基础 文章标签： 开发语言 前端 javascript
于 2022-12-24 15:50:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_66148802/article/details/128419709
版权

目录

 

前言

一、数据类型

1、分类

2、判断

 3、undefined与null的区别？

4、什么时候给变量赋值为null呢？

5、严格区别变量类型与数据类型？

6、var a = XXX，a内存中到底保存的是什么？

7、关于引用变量赋值问题

8、在JS调用函数时传递变量参数时，是值传递还是引用传递

9、JS引擎如何管理内存？

二、对象

1、什么是对象？        

2、为什么要用对象？

3、对象的组成

4、如何访问对象内部数据？

5、什么时候必须使用['属性名']的方式？

 三、函数

1、什么是函数？

2、为什么要用函数？

3、如何定义函数？

4、如何调用（执行）函数？

5、什么函数才是回调函数？

6、常见的回调函数？

7、IIFE（匿名函数自调用）

 8、函数中的this

        this是什么？

        如何确定this的值？

9、关于语句分号问题

总结

前言

        主要讲解基础内容，数据类型（分类，判断，区别，内存等），对象（什么是对象，为什么要用对象，对象的组成，如何访问对象内部数据等），函数（什么是函数，为什么要用函数，如何定义函数，如何调用函数，什么是回调函数，常见的回调函数，IIFE及函数中的this）相关内容。

一、数据类型

1、分类

        基本（值）类型

        String：任意字符串

        Number：任意的数字

        boolean：true/false

        undefined:undefined

        null:null

        对象（引用）类型

        Objec：任意对象

        Function：一种特别的对象（可以执行）

        Array：一种特别的对象（数值下标，内部数据是有序的）

2、判断

        typeof：可以判断undefined/数值/字符串/布尔值/function 

                        不能判断：null与object      obejct与array

        instanceof：判断对象的具体类型

        ===可以判断：undefined、null

 

 3、undefined与null的区别？

        undefined代表定义未赋值；null代表定义并赋值了，只是值为null

4、什么时候给变量赋值为null呢？

        初始赋值，表明将要赋值为对象

        结束前，让对象成为垃圾对象（被垃圾回收器回收）

5、严格区别变量类型与数据类型？

        数据的类型：基本类型

                               对象类型

        变量的类型（变量内存值的类型）

                        基本类型：保存的就是基本类型的数据

                        引用类型：保存的是地址值

6、var a = XXX，a内存中到底保存的是什么？

        xxx是基本数据，保存的就是这个数据

        xxx是对象，保存的是对象的地址值

        xxx是一个变量，保存的是xxx的内存内容（可能是基本数据，也可能是地址值）

7、关于引用变量赋值问题

       2个引用变量指向同一个对象，通过一个变量修改对象内部数据，另一个变量看到的是修改之后的数据。

        2个引用变量指向同一个对象，让其中一个引用变量指向另一个对象，另一引用变量依然指向前一个对象。

8、在JS调用函数时传递变量参数时，是值传递还是引用传递

        理解一：都是值（基本/地址值）传递

        理解二：可能是值传递，也可能是引用传递（地址值）

9、JS引擎如何管理内存？

        内存生命周期：分配小内存空间，得到它的使用权，存储数据，可以反复进行操作，释放小内存空间。

        释放内存：局部变量：函数执行完自动释放

                        对象：成为垃圾对象==>垃圾回收器回收      

         

二、对象

1、什么是对象？        

        多个数据的封装体，用来保存多个数据的容器，一个对象代表现实中的一个事物

2、为什么要用对象？

        统一管理多个数据

3、对象的组成

        属性：代表现实事物的状态数据

                属性名（字符串）和属性值（任意）组成

                属性名都是字符串类型，属性值是任意类型

        方法：代表现实事物的行为数据

                一种特别的属性（属性值是函数）

4、如何访问对象内部数据？

        .属性名：编码简单，有时候不能用

        ['属性名']：编码麻烦，能通用

5、什么时候必须使用['属性名']的方式？

属性名包含特殊字符：- 空格；属性名不确定

 三、函数

1、什么是函数？

       实现特定功能的n条语句的封装体，只有函数是可以执行的，其他类型的数据不能执行

2、为什么要用函数？

        提高代码复用，便于阅读交流。

3、如何定义函数？

        函数声明，表达式

        

4、如何调用（执行）函数？

        test():直接调用

        obj.test():通过对象调用

        new test（）：new调用

        test.call/apply(obj):obj.test() 临时让test成为obj的方法进行调用

5、什么函数才是回调函数？

        三个特点：

       1、你定义的

        2、你没有调

        3、但是最终它执行了（在某个时刻或者某个条件下）

6、常见的回调函数？

        dom事件回调函数==>this是发生事件的dom元素

        定时器回调函数 ==>this是window

        ajax请求回调函数

        生命周期回调函数

7、IIFE（匿名函数自调用）

        全称：Immediately - Invoked Function Expression

        作用：隐藏实现，不会污染外部（全局）命名空间，用它来编写js模块

 8、函数中的this

        this是什么？

        任何函数本质上都是通过某个对象来调用的，如果没有直接指定就是window

        所有函数内部都有一个变量this，它的值是调用函数的当前对象

        如何确定this的值？

        test():window

        p.test():p

        new test():新创建的对象

        p.call(obj):obj

9、关于语句分号问题

        js一条语句的后面可以不加分号，是否加分号是编程风格问题，没有应不应该，只有你自己喜欢不喜欢。

        在下面2种情况下不加分号会有问题

        1、小括号开头的前一条语句

        2、中方括号开头的前一条语句

 解决办法：在行首加分号

强有力的例子：vue.js库

总结

    主要讲解基础内容，数据类型（分类，判断，区别，内存等），对象（什么是对象，为什么要用对象，对象的组成，如何访问对象内部数据等），函数（什么是函数，为什么要用函数，如何定义函数，如何调用函数，什么是回调函数，常见的回调函数，IIFE及函数中的this）相关内容。

青青的博客
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS高级语法（知识点汇总一）
carolynkim的博客
07-31 254
JS高级语法 一、面向对象编程 什么是面向对象编程？ 从宏观出发，以对象为基础业务进行分析 1 当前业务总体分为几个对象？ 2 针对于对象考虑，根据其属性以及方法，能满足对应需求 二、JS中创建对象（四种） 1、简单创建 优点：简单 缺点：创建过程太麻烦，尤其是创建对象 2、工厂模式 优...
JS复杂判断的更优雅写法代码详解
12-12
我们编写js代码时经常遇到复杂逻辑判的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。 举个例子 先看一段代码 /** * 按钮点击事件 * @param {number} status 活动状态：1 开团进行中 2 开团失败 3 商品售罄 4 开团成功 5 系统取消 */ const onButtonClick1 = (status)=>{ if(status == 1){ sendLog('process
JavaScript高级知识汇总（高级篇）
热门推荐
ZS74520的博客
09-10 1万+
JavaScript知识总结（高级篇） 1.深入基础 1.1数据类型 1.分类： -基本类型 -String:任意字符串 -Number:任意的数字 -boolean: true/false -undefined:未定义 -null:空 -引用（对象）类型 -Object:任意对象 -Function：一种特别的对象（可以执行） -Array：一种特别的对象（数值下标，内部数据是有序的） 2.判断： -typeof： 可以判断：undefined、数值、字符串、布尔值 不能判断: null与object
【JavaScript】JS高级语法
m0_64538862的博客
04-03 1114
变量与函数，作用域，定义变量，作用域链，闭包，预解析，let提升，函数参数，箭头函数，解构赋值，数组解构，对象解构，对象，字面量创建对象，构造函数，自定义构造函数，静态成员和实例成员，数据类型，引用类型，Object，Array，RegExp，包装类型，String，Number，Boolean，原型对象，原型链，this指向，普通函数，严格模式，箭头函数，改变函数的this指向，call，apply，bind，class关键字（类），封装，继承，浅拷贝，深拷贝
JavaScript教程（高级）
m0_56752010的博客
05-28 2225
函数声明方式function关键字（命名函数）；函数表达式（匿名函数）；（此处的Function()是一个构造函数）；var fn= new Function('参数1','参数2',...,'函数体');Function里面参数都必须是字符串格式；第三种方式执行效率低，也不方便书写因此较少使用；所有函数都是Function的实例（对象）；函数也属于对象；< script > // 函数的定义方式 // 1、自定义函数（命名函数）；} // 2、函数表达式（匿名函数）；
JS高级（含ES6）
qq_47040462的博客
03-18 2112
面向对象和面向过程对比 1、ES6中的类和对象 创建类和对象
JS-Advanced-January-2021:Softuni JavaScript高级课程的每个实验和练习家庭作业。 2021年1月
05-03
2021年1月 在“ JS高级”课程中，您将获得有关JavaScript语言的深入知识，例如语法基础，使用数组，矩阵，对象，类和编写函数。 您将学习更复杂的概念，例如函数上下文，显式绑定，事件循环。 本课程将发展您的算法...
本教程以JavaScript为核心，包含了基础到高级的全面内容，旨在帮助读者掌握JavaScript编程
最新发布
05-09
教程内容涵盖了JavaScript的基本语法、变量、数据类型、运算符、循环、函数、对象、数组、错误处理等基础知识，同时也包括了DOM操作、事件处理、异步编程、ES6新特性等高级主题。每个主题都配有详细的示例代码和练习...
js高级-es6（笔记）-详细
11-01
我是pink老师的铁粉，这是2022的 js高级（es6）的笔记，里面的笔记详细，如果你刚看完js ，就可以来看一下js高级，里面有vue常用的语法,比如箭头函数，解构赋值，深入对象，原型链等等此外，我还会持续更新，加油...
js--javascript-koans
05-07
随着您的学习越来越深入，将引入越来越多的Javascript语法，这将使您能够解决更复杂的问题并使用更高级的技术。从浏览器运行Koans 只需使用文件浏览器导航到Javascript Koans文件夹，然后双击KoansRunnner.html。 ...
javascript_koans:通过JavaScript进行练习！
04-29
随着您的学习越来越深入，将引入越来越多的Javascript语法，这将使您能够解决更复杂的问题并使用更高级的技术。 从浏览器运行Koans 只需使用文件浏览器导航到Javascript Koans文件夹，然后双击KoansRunnner.html。...
精心整理高频js手写题请查收
helloworld1024fd的博客
11-01 196
发布订阅者模式，一种对象间一对多的依赖关系，但一个对象的状态发生改变时，所依赖它的对象都将得到状态改变的通知。
JS 高级总结
weixin_34128237的博客
07-12 1863
一、查找HTML元素 　　通常，通过 JavaScript，您需要操作 HTML 元素。 　　1、通过 id 找到 HTML 元素 　　2、通过标签名找到 HTML 元素 　　3、通过类名找到 HTML 元素 提示：通过类名查找 HTML 元素在 IE 5,6,7,8 中无效。 var x=document.getElementById("intro"); var y=d...
js高级篇
weixin_47648494的博客
08-08 522
js高级快速入门
JS-高级
软工二班秦同学的博客
04-01 208
js高级:作用域和作用域链,变量的提升,内存空间分析,立即执行函数,扩展运算符,REST剩余参数,解构赋值,闭包,防抖,节流,Set/Map
Js高级进阶
weixin_41325924的博客
03-02 3645
一、面向对象 (1) 通过class 关键字创建类 类名 我们还是习惯性定义首字母大写 (2) 类里面有个 constructor 函数 可以接受传递过来的参数 同时返回实例对象 (3) constructor 函数 只要 new 生实例时 就会自动调用这个函数 如果我们不写这个函数 类也会自动生成这个函数 (4) 生成实例 new 不能省略 (5) 最后注意语法规范 创建类 类名后面不要加小括号 生成实例 类名后面加小括号 构造函数不需要加 function 1.创建类和生成实例 <..
javascript 高级写法
qq_26648427的博客
11-13 1516
一、安全类型检测 1、比较基础的方案（instanceof） let data = [1] console.log(data instanceof Array) // true 对于typeof 2、强行转义 let data = [1] Object.prototype.toString.call(data) === '[objectd Array]' *注意：*使用call，非直接调用，c...
JavaScript 高级（进阶）
m0_73198722的博客
10-29 696
JS高级
JS高级语法
小菜的博客
03-13 1386
arrow 使用function定义的函数，this的指向随着调用环境的变化而变化，而箭头函数中的this指向是固定不变的，一直指向定义函数的环境。 //使用function定义的函数 function foo(){ console.log(this); //this的指向随着调用环境的变化而变化 } var obj = { aa: foo }; foo(); //Window obj....
javascript高级程序设计 pdf
02-07
总的来说，《JavaScript高级程序设计：第3版》是一本全面深入的JavaScript学习教材，适合有一定JavaScript基础的开发者阅读。通过阅读本书，读者可以系统地学习和掌握JavaScript的核心概念和高级应用，提高自己的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值