您的位置:首页 > 数码常识数码常识

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
 

很赞哦! ()

随机图文