您的位置:首页 > 数码常识数码常识
js基础学完了感觉很没学一样(js基础知识点总结)
2025-05-11人已围观
js基础学完了感觉很没学一样(js基础知识点总结)
JS基础(ECMAScript)如何使用JS1. HTML标签内使用JS,要求写在onclick等事件属性或者href属性中。(不推荐使用)2. 页面中的script标签内可以直接写JS代码。3. script标签的src属性可以用来引入第三方js文件。(推荐使用)变量变量的概念 变量就是计算机内存中存储的数据的标识符,根据变量名可以调用到内存中的数据。变量的声明方式 var num=10; console.log(num); let age=20; console.log(age); const sex="男"; console.log(sex);变量声明方式的区别作用域不同:let和const为块作用域,var为函数作用域let、const变量在声明之前不能使用,var可以let和const变量不能重复声明,var可以const要求变量声明时必须赋值,后续不可更改,let和var声明时可以不赋值,后续可更改。变量命名规则变量名由英文大小写、数字、美元符号($)和下划线(_)组成。变量名首字符不能是数字。不能使用系统保留的关键字。可以使用中文变量名,但是不推荐。推荐使用驼峰命名法。数据类型六种数据类型number数字类型,包含整数和小数string字符串类型,使用双引号或者单引号都可以boolean布尔类型,只有true或者false两种取值null类型,变量主动赋值为null的数据类型,用于释放内存空间undefined未定义类型,变量只声明未赋值时的数据类型object类型,也叫做复杂数据类型,包罗万象。数组也属于object类型。获取变量类型 let age=18; console.log(typeof age);数据类型转换转换String类型使用toString()的方式使用字符串拼接的方式 let age=18; console.log(typeof age); //number age=age.toString(); console.log(typeof age); //string let num=20; console.log(typeof num); //number num=num+""; console.log(typeof num); //string转换Number类型parseInt()函数转换整数parseFloat()函数转换浮点数 let num1=parseInt(12.3); console.log(num1); //12 let num2=parseInt("12.3"); console.log(num2); //12 let num3=parseInt("abc12"); console.log(num3); //NaN 表示not a number(NaN也属于number类型) let num4=parseInt("0xC"); console.log(num4); //12 let num5=parseFloat("12.3"); console.log(num5); //12.3 let num6=parseFloat("12.4.5"); console.log(num6); //12.4 let num7=parseFloat("abc12.4"); console.log(num7); //NaN操作符算数运算符 + - * / %一元运算符只有一个操作运算符的单位被称为一元运算符
js基础知识点总结JS基础(ECMAScript)如何使用JS
变量变量的概念 变量就是计算机内存中存储的数据的标识符,根据变量名可以调用到内存中的数据。变量的声明方式
变量声明方式的区别作用域不同:let和const为块作用域,var为函数作用域let、const变量在声明之前不能使用,var可以let和const变量不能重复声明,var可以const要求变量声明时必须赋值,后续不可更改,let和var声明时可以不赋值,后续可更改。变量命名规则变量名由英文大小写、数字、美元符号($)和下划线(_)组成。变量名首字符不能是数字。不能使用系统保留的关键字。可以使用中文变量名,但是不推荐。推荐使用驼峰命名法。数据类型六种数据类型
获取变量类型
数据类型转换转换String类型
转换Number类型
操作符算数运算符
一元运算符
++表示自身加一--表示自身减一
代码演示
比较运算符
代码演示==和===的区别
逻辑运算符&&表示与运算符,要求运算符左右两边结果皆为true最终结果才为true||表示或运算符,要求运算符左右两边任意一边为true最终结果就为true!表示非运算符,对布尔类型进行取反操作 或运算符的特殊用法
赋值运算符
运算符优先级括号优先级最高,()小括号的优先级高于[]中括号的优先级一元运算符:++ -- !算数运算符:先乘除和取余后加减关系运算符:> < >=<=等值运算符:==!====!==逻辑运算符:先并且(&&)后或者(||)赋值运算符 总结:相等优先级从左至右运算,分不清的时候加小括号去处理。流程控制语句分支语句(没必要复习)三元运算符:表达式?true的执行:false的执行;
循环语句while循环do-while循环for循环三种循环的区别
循环控制关键字break 结束当前循环(终止循环)continue 结束本次循环,进入下次循环循环求和
多层for循环(双层for循环最常用)
数组数组的概念
多个元素(可以是不同类型,但是推荐存放相同类型的值)按照一定的顺序放入一个集合,这个集合我们就称之为数组。 数组有长度和下标的概念。下标是从0开始叠加的整数。 长度和下标的关系:下标最大值=数组长度-1;
数组的使用数组的定义方式
数组的取值方式
遍历数组
数组求和
操作数组
数组排序
数组查找
函数函数的意义
把一段相对独立的具有特定功能的代码封装起来,使其形成一个独立体,在其他位置可以反复调用。可以减少重复代码。
函数的定义声明式函数匿名函数
函数的参数
函数返回值
JS中所有函数其实都有返回值,如果没有显示的写return自己进行返回,那么JS默认会返回undefined
函数的高级应用函数自调用
函数可以作为参数使用(回调函数)
函数可以作为返回值返回
预解析
对象对象的概念
万物皆对象 任何能够被行为和特征所描述的都称之为对象。
编程语言中的对应关系
特征---属性---变量行为---方法---函数字面量方式创建对象
Object方式创建对象
工厂函数方式创建对象
构造函数方式创建对象
构造函数和普通函数的区别构造函数要求函数名首字符大写,普通函数没有任何要求。构造函数使用new关键字来调用,普通函数直接使用函数名()调用。构造函数被调用,会创建新对象,普通函数只是调用。即使写的函数名首字符已经大写,调用时没有使用new关键字,那么也不算构造函数。对象的使用方式正常属性名/方法名:对象名.属性名/方法名()的方式。不符合命名规范的属性名/方法名:对象名[属性名]的方式调用。属性名是变量时:对象名[变量名]
new关键字
new关键在调用构造函数时使用,目的是初始化对象。
new关键字会自动执行以下内容
在内存中创建一个空对象让this指向这个新对象执行构造函数(赋予初始值)在构造函数内部最后返回该对象this关键字
js中this关键字表示某个对象的引用。(指向某个对象/代表某个对象)
this的几个特点如下
函数在定义时不确定this指向,调用时才能确定(谁调用,this就指向谁)直接执行的函数,this指向window对象构造函数中this是一个虚拟对象(初始化模型),所有的属性和方法都会添加到这个this对象上,通过new关键字调用时,this才能指向确定的对象。遍历/删除对象(遍历/删除对象的属性)
JS内置对象Math对象
Date对象
String对象
Array对象数组排序(sort函数)
数组检验(some函数和every函数)
数组遍历(forEach函数)
筛选数组(filter函数)
格式化数组(map函数)
添加/删除数组内容
清空数组
WebAPI
上面就是小居数码小编今天给大家介绍的关于(js基础知识点总结)的全部内容,希望可以帮助到你,想了解更多关于数码知识的问题,欢迎关注我们,并收藏,转发,分享。
94%的朋友还想知道的:
excel入门基础和怎样制作表格(excel入门基础知识)
零基础怎么学好cad制图(cad制图零基础入门教程)
excel2010简介概述(excel基本操作和主要知识点)
office2016完全自学教程(Office2016基础教程)
152492
JS基础(ECMAScript)如何使用JS1. HTML标签内使用JS,要求写在onclick等事件属性或者href属性中。(不推荐使用)2. 页面中的script标签内可以直接写JS代码。3. script标签的src属性可以用来引入第三方js文件。(推荐使用)变量变量的概念 变量就是计算机内存中存储的数据的标识符,根据变量名可以调用到内存中的数据。变量的声明方式 var num=10; console.log(num); let age=20; console.log(age); const sex="男"; console.log(sex);变量声明方式的区别作用域不同:let和const为块作用域,var为函数作用域let、const变量在声明之前不能使用,var可以let和const变量不能重复声明,var可以const要求变量声明时必须赋值,后续不可更改,let和var声明时可以不赋值,后续可更改。变量命名规则变量名由英文大小写、数字、美元符号($)和下划线(_)组成。变量名首字符不能是数字。不能使用系统保留的关键字。可以使用中文变量名,但是不推荐。推荐使用驼峰命名法。数据类型六种数据类型number数字类型,包含整数和小数string字符串类型,使用双引号或者单引号都可以boolean布尔类型,只有true或者false两种取值null类型,变量主动赋值为null的数据类型,用于释放内存空间undefined未定义类型,变量只声明未赋值时的数据类型object类型,也叫做复杂数据类型,包罗万象。数组也属于object类型。获取变量类型 let age=18; console.log(typeof age);数据类型转换转换String类型使用toString()的方式使用字符串拼接的方式 let age=18; console.log(typeof age); //number age=age.toString(); console.log(typeof age); //string let num=20; console.log(typeof num); //number num=num+""; console.log(typeof num); //string转换Number类型parseInt()函数转换整数parseFloat()函数转换浮点数 let num1=parseInt(12.3); console.log(num1); //12 let num2=parseInt("12.3"); console.log(num2); //12 let num3=parseInt("abc12"); console.log(num3); //NaN 表示not a number(NaN也属于number类型) let num4=parseInt("0xC"); console.log(num4); //12 let num5=parseFloat("12.3"); console.log(num5); //12.3 let num6=parseFloat("12.4.5"); console.log(num6); //12.4 let num7=parseFloat("abc12.4"); console.log(num7); //NaN操作符算数运算符 + - * / %一元运算符只有一个操作运算符的单位被称为一元运算符
js基础知识点总结JS基础(ECMAScript)如何使用JS
变量变量的概念 变量就是计算机内存中存储的数据的标识符,根据变量名可以调用到内存中的数据。变量的声明方式
变量声明方式的区别作用域不同:let和const为块作用域,var为函数作用域let、const变量在声明之前不能使用,var可以let和const变量不能重复声明,var可以const要求变量声明时必须赋值,后续不可更改,let和var声明时可以不赋值,后续可更改。变量命名规则变量名由英文大小写、数字、美元符号($)和下划线(_)组成。变量名首字符不能是数字。不能使用系统保留的关键字。可以使用中文变量名,但是不推荐。推荐使用驼峰命名法。数据类型六种数据类型
获取变量类型
数据类型转换转换String类型
转换Number类型
操作符算数运算符
一元运算符
++表示自身加一--表示自身减一
代码演示
比较运算符
代码演示==和===的区别
逻辑运算符&&表示与运算符,要求运算符左右两边结果皆为true最终结果才为true||表示或运算符,要求运算符左右两边任意一边为true最终结果就为true!表示非运算符,对布尔类型进行取反操作 或运算符的特殊用法
赋值运算符
运算符优先级括号优先级最高,()小括号的优先级高于[]中括号的优先级一元运算符:++ -- !算数运算符:先乘除和取余后加减关系运算符:> < >=<=等值运算符:==!====!==逻辑运算符:先并且(&&)后或者(||)赋值运算符 总结:相等优先级从左至右运算,分不清的时候加小括号去处理。流程控制语句分支语句(没必要复习)三元运算符:表达式?true的执行:false的执行;
循环语句while循环do-while循环for循环三种循环的区别
循环控制关键字break 结束当前循环(终止循环)continue 结束本次循环,进入下次循环循环求和
多层for循环(双层for循环最常用)
数组数组的概念
多个元素(可以是不同类型,但是推荐存放相同类型的值)按照一定的顺序放入一个集合,这个集合我们就称之为数组。 数组有长度和下标的概念。下标是从0开始叠加的整数。 长度和下标的关系:下标最大值=数组长度-1;
数组的使用数组的定义方式
数组的取值方式
遍历数组
数组求和
操作数组
数组排序
数组查找
函数函数的意义
把一段相对独立的具有特定功能的代码封装起来,使其形成一个独立体,在其他位置可以反复调用。可以减少重复代码。
函数的定义声明式函数匿名函数
函数的参数
函数返回值
JS中所有函数其实都有返回值,如果没有显示的写return自己进行返回,那么JS默认会返回undefined
函数的高级应用函数自调用
函数可以作为参数使用(回调函数)
函数可以作为返回值返回
预解析
对象对象的概念
万物皆对象 任何能够被行为和特征所描述的都称之为对象。
编程语言中的对应关系
特征---属性---变量行为---方法---函数字面量方式创建对象
Object方式创建对象
工厂函数方式创建对象
构造函数方式创建对象
构造函数和普通函数的区别构造函数要求函数名首字符大写,普通函数没有任何要求。构造函数使用new关键字来调用,普通函数直接使用函数名()调用。构造函数被调用,会创建新对象,普通函数只是调用。即使写的函数名首字符已经大写,调用时没有使用new关键字,那么也不算构造函数。对象的使用方式正常属性名/方法名:对象名.属性名/方法名()的方式。不符合命名规范的属性名/方法名:对象名[属性名]的方式调用。属性名是变量时:对象名[变量名]
new关键字
new关键在调用构造函数时使用,目的是初始化对象。
new关键字会自动执行以下内容
在内存中创建一个空对象让this指向这个新对象执行构造函数(赋予初始值)在构造函数内部最后返回该对象this关键字
js中this关键字表示某个对象的引用。(指向某个对象/代表某个对象)
this的几个特点如下
函数在定义时不确定this指向,调用时才能确定(谁调用,this就指向谁)直接执行的函数,this指向window对象构造函数中this是一个虚拟对象(初始化模型),所有的属性和方法都会添加到这个this对象上,通过new关键字调用时,this才能指向确定的对象。遍历/删除对象(遍历/删除对象的属性)
JS内置对象Math对象
Date对象
String对象
Array对象数组排序(sort函数)
数组检验(some函数和every函数)
数组遍历(forEach函数)
筛选数组(filter函数)
格式化数组(map函数)
添加/删除数组内容
清空数组
WebAPI
上面就是小居数码小编今天给大家介绍的关于(js基础知识点总结)的全部内容,希望可以帮助到你,想了解更多关于数码知识的问题,欢迎关注我们,并收藏,转发,分享。
94%的朋友还想知道的:
excel入门基础和怎样制作表格(excel入门基础知识)
零基础怎么学好cad制图(cad制图零基础入门教程)
excel2010简介概述(excel基本操作和主要知识点)
office2016完全自学教程(Office2016基础教程)
152492
很赞哦! ()