MDN——javascript——入门——第一章——知识点总结

Posted 2020-09-27

1.什么是js：

 

javascript 是允许你在网页中实现复杂事情的一门编程语言

 

例子：

var para = document.querySelector(‘p‘);

para.addEventListener(‘click‘, updateName);

function updateName() {

  var name = prompt(‘Enter a new name‘);

  para.textContent = ‘Player 1: ‘ + name;

}

 

JS APIs：

1浏览器 APIs：

DOM，地理位置API，canvas和WebGL（创建2D3D图像），Audio Vedio API

2第三方APIs：

（默认是没装在浏览器上）推特API 谷歌地图API

 

解释代码 vs 编译代码

在编程环境中，你或许听说过这两个术语 解释 [interpreted] 和 编译 [compiled]。JavaScript 是一个解释语言——代码从上到下运行，而运行的结果会马上被返回。在浏览器运行代码前，你不必先把它转化为其他形式。

另一方面来说，编译语言则需要在运行前转化为另一种形式。比如说 C/C++ 则要先被编译成汇编语言，然后再由电脑运行。

 

在 html 中内联的 JavaScript 代码：然而请不要这样做：这是一个用 JavaScript 来污染你的 HTML 的坏实践，而且它还不高效——你会需要在每个想要 JavaScript 应用到的按钮上包含 onclick="createParagraph()" 属性。

 

2.js第一步 （解决问题步骤）

1.思考算法

2.创建解决问题过程所有变量（包括数据，要操作的dom元素）

3.创建需要的函数（功能模块化）

4.通过实践监听器来调用函数x.addEventListener(‘click‘, fn);

 

在js中一切都是一个对象。对象是存储在单个分组中的相关功能的集合。对象都有属性和方法，可以创建一个变量指向对象，这样就可以通过变量访问对象的属性和方法

 

3.什么地方出了错？（找到/修复bug）

错误类型：

1.语法错误。。。代码拼写错误什么的，可通过错误信息修复

2.逻辑错误。。。语法正确，但达不到想要的效果，没有错误信息，更难找到

 

常见语法错误

TypeError：guessSubmit.addeventListener不是一个函数：可能函数名错误

TypeError：lowOrHi is null：可能没获取到dom，变量没有指向的对象

SyntaxError: missing ; before statement：声明后缺少’;’

SyntaxError: missing ) after argument list：参数后缺少)

语法错误参考文档：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors

 

 

逻辑错误检查：

console.log()什么的

 

4.变量

一个变量，就是一个用于存放数值的容器，内容可改

变量不是数值本身，它们仅仅是一个用于存储数值的容器。你可以把变量想象成一个个用来装东西的纸箱子。

 

声明：创建变量

声明未初始化，值是undefined

未声明使用变量会报错

 

变量名  

数字字母下划线$,

不要数字开头

最好不要_开头，会和一些构造混淆

驼峰式setResetBtn

区分大小写

最好有语义

 

变量类型/数据类型

Number

String

Boolean

Array

Object

 

Loose Typing

Js是松散类型语言/弱类型语言

声明不用加类型

可以改存储的数据类型

 

5.数字操作符

 

 

比较运算符中

===全等，要求数据类型也一样

!==严格不等，5!==2+3:false     ’5’!==2+3:true   相当于===取反

推荐使用===和!==，而不是==和!=，导致更少的错误

6.String

单双引号都一样，但最好坚持习惯

转义：\’

 

类型转换

转成字符：

var a=36+’ ’;

X.toString();

转成数字：

Number（值）

7.String常用方法

因为在js中一切都是对象

所以string也是对象

 

Var a=’string’;

属性

a.Length

a[0]

方法

a.indexOf(‘子串’);

返回子串第一次出现的第一位的索引，-1为不存在

a.slice(0,3);

返回0,1,2位上的字符串

a.slice(2);

返回第2位开始的剩余字符串

a.toLowerCase()

a.toUpperCase()

a.replace(‘m’,’n’);

用n替换m

 

 

8.Array

var arr=[1,2,3,4,5,6,’string’,[0,1,2]];

访问：arr[0]   arr[7,0]

属性:

arr.length

方法：

arr=str.split(‘.’)

以.为分隔符将str分为arr

str=arr.join(‘.’)

以.为连接符将arr连成str

arr.toString()   等同于用逗号连接    arr.join(‘,’)

 

添加元素

arr.push(‘a’,’b’,’c’);

向末尾添加元素,返回值为数组新长度

arr.unshift()

向开头加元素，返回值为新长度

 

删除元素

arr.pop()

删除最后一个元素，返回值是删除的元素

arr.shift()

删除最前面的

 

类型化数组：类数组对象