js基础知识点

格式：doc
大小：13.32 KB
文档页数：3

- 1 - js基础知识点

js基础知识点

1、javascript概述

JavaScript是一种弱类型，以对象为基础，定义的脚本语言，它可以给网页添加各种动态特性，JavaScript不需要编译就能运行，有丰富的内置函数和对象，可以在Web中读写数据，用于在Web中编写客户端脚本。

2、javascript应用

JavaScript可以用在各种浏览器上，可以实现网页中的事件处理、表单处理、客户端检验、图形界面效果等。通常JavaScript使用的目的是增强用户体验，提高网页的交互性和可用性

3、javascript变量

JavaScript变量有全局变量和局部变量。它们的区别在于：

1）全局变量在JavaScript脚本的所有部分都可以访问，而局部变量只能在声明它的函数内部访问。

2）局部变量只在函数内部有效，函数外部无法访问，而全局变量在函数内部外部都可以访问。

3）全局变量在整个网页的所有脚本都可以访问，只要这个网页被打开就可以，而局部变量只能在它声明的函数或语句块内访问。

4、javascript数据类型

JavaScript支持6种数据类型：Undefined、Null、Boolean、Number、String 和Object。 - 2 - Undefined 表示未定义，它的值是undefined。

Null 表示空值，它的值是null。

Boolean 表示布尔值，它的值是true或false。

Number表示数字，它的值是整数或小数

String 表示字符串，它的值是由一系列字符组成的文本

Object 表示对象，它的值是一组数据和功能的集合

5、javascript函数

JavaScript函数可以看作是一段可以重复使用的代码，它由一系列语句组成，用于完成特定的任务。

函数有四个特点：

1）可以重复使用

2）可以接收参数

3）可以返回值

4）可以封装

函数的声明和调用

函数可以使用function来声明：

function functionName (parameters) {

// code to be executed

}

函数使用functionName()来调用：

functionName(parameters);

函数默认有返回值，如果使用return语句来返回值，则忽略默 - 3 - 认值，否则，函数返回值为undefined。

6、javascript作用域

JavaScript作用域是指程序中变量有效范围的概念，它可以分为全局作用域和局部作用域。

全局作用域：在JavaScript程序所有的部分都能访问到的变量叫做全局变量，它们可以在任何地方被访问和修改，全局变量可以直接在程序的任何部分定义。

局部作用域：局部作用域变量只能在声明它的函数里被访问和修改，局部作用域变量只能在函数内部被定义。

7、javascript what is the difference between var, let and

const

var声明的变量，可以在全局范围内被访问。

let声明的变量，只能在声明所在的代码块中被使用。

const声明的变量，是一个常量，声明后，变量的值就不能被改变。

js的基础类型与引用类型

js的基础类型与引⽤类型

引⽤类型，⾃⼰的感觉，就是引⽤~类型~ ，就是把js中的基础类型（js中并没有类的概念）引⽤过来给⾃⼰⽤然后就变成了引⽤类型，那么js的基础类型和引⽤类型到底在内存中是怎么操作的呢，请看：

两种类型：1. ECMAScript变量包含两种不同类型的值：基本类型值、引⽤类型值；

2. 基本类型值：指的是保存在栈内存中的简单数据段；

3. 引⽤类型值：指的是那些保存在堆内存中的对象，意思是，变量中保存的实际上只是⼀个指针，这个指针执⾏内存中的另⼀个位置，由该位置保存对象；

两种访问⽅式：4. 基本类型值：按值访问，操作的是他们实际保存的值；

5. 引⽤类型值：按引⽤访问，当查询时，我们需要先从栈中读取内存地址，然后再顺藤摸⽠地找到保存在堆内存中的值；

两种类型复制

1. 基本类型变量的复制：从⼀个变量向⼀个变量复制时，会在栈中创建⼀个新值，然后把值复制到为新变量分配的位置上；

1. 引⽤类型变量的复制：复制的是存储在栈中的指针，将指针复制到栈中未新变量分配的空间中，⽽这个指针副本和原指针执⾏存储在堆中的同⼀个对象；2. 复制操作结束后，两个变量实际上将引⽤同⼀个对象；因此改变其中的⼀个，将影响另⼀个；

函数参数的传递：

1. ECMA中所有函数的参数都是按值传递的；

两种变量类型检测

1. Typeof操作符是检测基本类型的最佳⼯具；

2. 如果变量值是nul或者对象，typeof 将返回“object”；

3. Instanceof⽤于检测引⽤类型，可以检测到具体的，它是什么类型的实例；

4. 如果变量是给定引⽤类型的实例，instanceof操作符会返回true;

js语法基础

Js语法

一语法复习与巩固

1、变量

怎样定义变量？

变量的作用域!（函数再说）

2、数据类型

字符串

数字

布尔型

对象

Undefined

Null

数据类型之间的相互转化

3、运算符与表达式

基本 + - * /%

赋值 += -= *= /= =

字符串链接 +

前置与后置 ++ --

关系><>= <= == != ===

逻辑 ! && ||

三元 ()?x:y

位运算暂时不讲 4、流程控制

顺序

条件if if-else if-else-if switch

循环 for while dowhile关键字continue break

5、函数

内置函数自定义函数闭包

6、对象

弱类性

内置对象自定义对象

内置对象

数组字符串数学日期正则 ajax

A、数组

定义 vararr=Array();vararr=[];

属性和方法

属性

length设置或返回数组中元素的数目。

prototype使您有能力向对象添加属性和方法。

方法

concat()连接两个或更多的数组，并返回结果。

join()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。

pop()删除并返回数组的最后一个元素

push()向数组的末尾添加一个或更多元素，并返回新的长度。

reverse()颠倒数组中元素的顺序。

shift()删除并返回数组的第一个元素

slice()从某个已有的数组返回选定的元素 sort()对数组的元素进行排序

splice()删除元素，并向数组添加新元素。

toString()把数组转换为字符串，并返回结果。

unshift()向数组的开头添加一个或更多元素，并返回新的长度。

一个简单的动画

javascript实现的简单动画

B、字符串

js基础

JavaScript就这么回事 (JS基础知识整理)

1 创建脚本块

引用内容程序代码

2 隐藏脚本代码

引用内容程序代码

在不支持JavaScript的浏览器中将不执行相关代码

3 浏览器不支持的时候显示

引用内容程序代码

Hello to the non-JavaScript browser.

4 链接外部脚本文件

引用内容程序代码

5 注释脚本

引用内容程序代码

// This is a comment

document.write(“Hello”); // This is a comment

All of this

is a comment

6 输出到浏览器

引用内容程序代码

document.write(“Hello”);

7 定义变量

引用内容程序代码

var myVariable = “some value”;

8 字符串相加

引用内容程序代码

var myString = “String1” + “String2”;

9 字符串搜索

引用内容程序代码

10 字符串替换

引用内容程序代码

thisVar.replace(“Monday”,”Friday”);

11 格式化字串

引用内容程序代码

12 创建数组

引用内容程序代码

13 数组排序

引用内容程序代码

14 分割字符串

引用内容程序代码

15 弹出警告信息

引用内容程序代码

16 弹出确认框

引用内容程序代码

17 自定义函数

引用内容程序代码

18 调用JS函数

引用内容程序代码

Link text

19 在页面加载完成后执行函数

引用内容程序代码

Body of the page

20 条件判断

引用内容程序代码

21 指定次数循环

引用内容程序代码

22 设定将来执行

引用内容程序代码

23 定时执行函数

引用内容程序代码

24 取消定时执行

引用内容程序代码

js基础闭包练习题

题⽬描述

实现函数 makeClosures，调⽤之后满⾜如下条件：

1、返回⼀个函数数组 result，长度与 arr 相同

2、运⾏ result 中第 i 个函数，即 result[i]()，结果与 fn(arr[i]) 相同

⽰例1

1 //参考《JavaScript⾼级程序设计》的典型⽅法

2 function makeClosures(arr, fn) {

3 var result = new Array();

4 for(var i=0;i

5 result[i] = function(num){

6 return function(){

7 return fn(num);

9 }

10 }(arr[i]);

11 }

12 return result;

13 }

15 //使⽤ES5的bind()⽅法

16 function makeClosures(arr, fn) {

17 var result = new Array();

18 for(var i=0;i

19 result[i] = fn.bind(null,arr[i]);

20 }

21 return result;

22 }

24 //使⽤forEach()

25 function makeClosures(arr, fn) {

26 var result = new Array();

27 arr.forEach(function(curr){

28 result.push(function(){return fn(curr)});

29 })

30 return result;

31 }

33 //使⽤let

34 function makeClosures(arr, fn) {

35 var result = new Array();

36 for(let i=0;i

37 result[i] = function(){

38 return fn(arr[i]); //let声明的变量只在let所在代码块内有效，因此每次循环的i都是⼀个新的变量

下载提示

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

js基础知识点

合集下载

js的基础类型与引用类型

js语法基础

js基础

js基础闭包练习题

文档推荐

最新文档