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

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()

删除最前面的

类型化数组:类数组对象

时间: 2024-08-11 19:07:27

MDN——javascript——入门——第一章——知识点总结的相关文章

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

If else Switch 三元运算符 (condition) ? run this code : run this code instead For循环 Break跳出循环 Continue跳出当前循环,继续下一循环 函数:重用代码块 匿名函数 1与事件绑定(匿名函数的主要作用) 2指定其为变量值(var a = function(){})但是最好不要用这种方式,最好的还是function a (){} 作用域与冲突 函数内定义的变量只在函数内起作用,即作用域是函数 思考创建函数库的想法.随

《ECMAScript 6 入门- 第一章 lef和const命令》 —— 摘抄

1 . lef命令 ES6新增了let命令,用来声明变量.它的用法类似于var,let声明的变量,只在let命令所在的代码块内有效. { let a = 10; var b = 1; } a // ReferenceError: a is not defined. b //1 2.const命令 const也用来声明变量,但是声明的是常量.一旦声明,常量的值就不能改变. const PI = 3.1415; PI // 3.1415 PI = 3; PI // 3.1415 const PI =

花无涯带你走进黑客之 小白入门 第一章

最近开始有一个想法, 想谈谈小白如何慢慢学习网络安全相关知识, 有正确得价值观,做正确的事情. 初心也是为了帮助更多人学习到黑客攻防,学会保护自己和身边的人. 写一些自己的分享和经验,每一期可能都有时间就进行更新,感谢大家的支持! 相信每一个对计算机感兴趣的童鞋都有着一颗黑客的心, 我也不例外, 我希望通过一系列的文章让大家了解黑客和网络安全. 不是很会写一些感人故事心得, 更想是通过自己得分享也顺便提升自己 -.- 不是很喜欢在文章里头加特别花哨 过多的图片,也不会怎么配图... 可能阅读起来

读高性能JavaScript编程 第一章

草草的看完第一章,虽然看的是译文也是感觉涨姿势了, 我来总结一下: 由于 大多数浏览器都是 single process 处理 ui updatas and js execute 于是产生问题: js (script tag) will blocking page processing 上图说话: 于是大家动脑筋想办法 想到了三个办法 1. Parallel downloads, then execute  并行下载,然后执行. 2.Download times less,Less downlo

《零压力学Python》 之 第一章知识点归纳

第一章(初识Python)知识点归纳 Python是从ABC语言衍生而来的 ABC语言是Guido参与设计的一种教学语言,为非专业编程人员所开发的. Python是荷兰程序员 Guido Van Rossum于1991推出的,保留着ABC的很多功能,而且也融入了Modula-3语言的元素. Modula-3有着简单和安全的特点. Python命名的灵感来自BBC的喜剧<巨蟒剧团这飞翔的马戏团>,这门语言与蟒蛇没有直接的联系,虽然剧团的成员John Cleese最初命名时隐含着"阴险&

计算机网络第一章知识点总结

第一章概述 1.三网融合:电信网络.有线电视网络.计算机网络 2.Internet 是人类自印刷术发明以来在存储和交换信息的领域中的最大变革 3.互联网的两个重要基本特点:连通性和共享性(指资源共享) 4.计算机网络由若干结点和连接这些结点的链路组成(有线/无线) 5.互连网是"网络的网络". 6.互联网基础结构发展的三个阶段: ①第一阶段是从单个网络ARPANET向互连网发展的过程. ②第二阶段的特点是建成了三级结构的互联网.三级计算机网络:主干网.地区网.校园网(或企业网). ③第

CLR Via第一 章 知识点整理(4) FCL、CTS、CLI和CLS

FCL(Framework Class Library) Framework 类库: FCL是 .net Framework 包含的一组DLL程序集的统称,FCL包含了提供了很多功能,关于这一部分没有什么好说的,只需要了解大致你需要的功能由什么类提供以及类型在那个命名空间,接着在查询接口文档即可.以下是FCL常用的命名空间 CTS(Common Type System)公共类型系统CTS 是是微软制定的一套类的定义规则,如果存在与CTS不符合的定义或者功能则会出错,但是不使用则会通过CTS规范规

MDN——javascript——入门——第三章对象——对象.构造函数.原型链.继承——知识点总结

对象Object 由属性property(变量).方法method(函数)组成 var objectName = { member1Name : member1Value, member2Name : member2Value, member3Name : member3Value } member(成员)的值是任意的, 一个如上所示的对象被称之为对象的字面量(literal)——手动的写出对象的内容来创建一个对象.不同于从类实例化一个对象,我们会在后面学习这种方式. 访问对象成员 1.点表示法

MDN——javascript——入门——第三章对象——json——知识点总结

1. JSON:javascript object notation(js 对象表示法) 将结构化数据表示为JavaScript对象的标准格式, 通常用于在网站上表示和传输数据 (从服务器向客户端发送一些数据,因此可以将其显示在网页上) Douglas Crockford(提出推广了json)     虽然它是基于JavaScript语法,它可以独立于JavaScript的使用,许多编程环境有 读取(解析),并生成JSON的能力.(例如php)   JSON对象可以存储在它自己的文件,根本上只是