为了保证的可读性,本文采用意译而非直译。
腾讯云 热门云产品限量特惠秒杀,云服务器1核2G,99元/1年
新客户无门槛领取总价值高达2860元代金券,每种代金券限量500张,先到先得。
Java | JavaScript |
---|---|
Java是一种OOP编程语言。 | JavaScript是一种OOP脚本语言。 |
它创建在虚拟机或浏览器中运行的应用程序。 | 代码只在浏览器上运行。 |
需要编译Java代码。 | JS代码都是文本的形式。 |
JavaScript 是一种轻量级的解释型编程语言,具有面向对象的特性,允许各位在其他静态HTML页面中构建交互性。 该语言的通用核心已嵌入Netscape,Internet Explorer和其他Web浏览器中。
JS 支持的数据类型:
以下是JS的特性:
是的,JS是一种区分大小写的语言。关键字、变量、函数名和任何其他标识符必须始终使用一致的大写字母进行使用。
以下使用JS的优点:
JS贼支持对象概念,用如下方式创建即可:
var emp = {
name: "Daniel",
age: 23
};
JS 创建数组也很简单:
var x = [];
var y = [1, 2, 3, 4, 5];
命名函数在定义后立即声明名称,可以使用function
关键字定义:
function named(){
// write code here
}
可以。一个匿名函数可以分配给一个变量,它也可以作为参数传递给另一个函数。
JS 变量arguments
表示传递给函数的参数。 使用typeof
运算符,可以获得传递给函数的参数类型。如下:
function func(x){
console.log(typeof x, arguments.length);
}
func(); //==> "undefined", 0
func(7); //==> "number", 7
func("1", "2", "3"); //==> "string", 3
变量的作用域是程序中定义它的区域,JS变量只有两个作用域:
this
”运算符的用途是什么?this
关键字引用它所属的对象。 根据使用位置,它具有不同的值。 在方法中,这指的是所有者对象,而在函数中,这指的是全局对象。
回调函数是作为参数或选项传递给某个方法的普通JS函数。它是一个函数,在另一个函数完成执行后执行,因此称为回调。在JS中,函数是对象,因此,函数可以接受函数作为参数,并且可以由其他函数返回。
只要在某个内部作用域内访问在当前作用域之外定义的变量,就会创建闭包。 它允许你从内部函数访问外部函数的作用域。 在JS中,每次创建函数时都会创建闭包。 要使用闭包,只需在另一个函数内定义一个函数并暴露它。
内置方法 | 返回值 |
---|---|
CharAt() | 它返回指定索引处的字符。 |
Concat() | 它连接两个或多个字符串。 |
forEach() | 它为数组中的每个元素调用一个函数。 |
indexOf() | 它返回指定值第一次出现时调用字符串对象中的索引。 |
length() | 它返回字符串的长度。 |
pop() | 它从数组中删除最后一个元素并返回该元素。 |
push() | 它将一个或多个元素添加到数组的末尾,并返回数组的新长度。 |
reverse() | 反转数组元素的顺序。 |
在JS中命名变量时要遵循以下规则:
break
或boolean
变量名无效。(0-9)
开头。它们必须以字母或下划线开头。例如,123name
是一个无效的变量名,但123name
或name123
是一个有效的变量名。Test
和test
是两个不同的变量。typeof
运算符用于获取其操作数的数据类型。 操作数可以是文字或数据结构,例如变量,函数或对象。 它是一个一元运算符,放在它的单个操作数之前,可以是任何类型。 它的值是一个字符串,表示操作数的数据类型。
创建cookie
的最简单方法是为document.cookie
对象分配一个字符串值,如下所示:
document.cookie = "key1 = value1; key2 = value2; expires = date";
读取cookie
就像写入cookie
一样简单,因为document.cookie
对象的值是cookie
。
document.cookie
的值是由分号分隔的name=value
对的列表,其中name
是cookie的名称,value
是其字符串值。split()
方法将字符串分解为键和值。如果要删除cookie
以便后续尝试读取cookie
,则只需将过期日期设置为过去的时间。 咱们应该定义cookie
路径以确保删除正确的cookie
。 如果未指定路径,某些浏览器将不允许咱们删除cookie
。
type =“text”
,value ='Name'
等。下面是在JS代码中访问 html 元素的方法列表:
id
名称获取元素主要有三种:
行内方式:
...
<input type="button" value="点击有惊喜" onclick="javascript:alert('哈哈哈哈')">
...
内部方式:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script type="text/javascript">
//声明一个函数(整个文档都可以使用)
function surprise() {
alert('恭喜你中了一百万')/*弹出框*/
}
</script>
</head>
。。。
</html>
外部方式:
...
<!--很多html页面都可以调用js4.js页面-->
<script src="../../js/js4.js" type="text/javascript" charset="utf-8">
...
在 JS 中声明变量有三种方式:
var
语句用于声明一个变量,咱们可以选择初始化该变量的值。例子:var a =10;
变量声明在代码执行之前处理。类型化语言中,值与值关联,而不是与变量关联,它有两种类型:
number
, string
类型。string
的变量只能包含一组字符,不能包含其他类型。特性 | Cookie | localStorage | sessionStorage |
---|---|---|---|
数据的生命期 | 一般由服务器生成,可设置失效时间。如果在浏览器端生成Cookie,默认是关闭浏览器后失效 | 除非被清除,否则永久保存 | 仅在当前会话下有效,关闭页面或浏览器后被清除 |
存放数据大小 | 4K左右 | 一般为 5MB | |
与服务器端通信 | 每次都会携带在HTTP头中,如果使用cookie保存过多数据会带来性能问题 | 仅在客户端(即浏览器)中保存,不参与和服务器的通信 | |
易用性 | 需要程序员自己封装,源生的Cookie接口不友好 | 需要程序员自己封装,源生的Cookie接口不友好 源生接口可以接受,亦可再次封装来对Object和Array有更好的支持 |
==
: 两边值类型不同的时候,要先进行类型转换,再比较。
===
:不做类型转换,类型不同的一定不等。
一言以蔽之:==
先转换类型再比较,===
先判断类型,如果不是同一类型直接为false
。
undefined
是基本数据类型 表示未定义 缺少的意思。
null
是引用数据类型,是对象,表示空对象
undefined
是从null
派生出来的 所以undefined==null
为 true
undeclared
的变量是程序中不存在且未声明的变量。 如果程序尝试读取未声明变量的值,则会遇到运行时错误。undefined的变量是在程序中声明但未赋予任何值的变量,如果程序试图读取未定义变量的值,则返回undefined
的值。
JS框架是用JavaScript编写的应用程序框架,它与控制流中的JS库不同,一些最常用的框架是:
window:JS 的 window 是一个全局对象,它包含变量、函数、history
、location
。
document:document
也位于window
之下,可以视为window
的属性。
innerHTML:也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
innerText:从起始位置到终止位置的内容, 但它去除Html标签
事件冒泡是HTML DOM API中事件传播的一种方式,当一个事件发生在另一个元素中的一个元素中,并且两个元素都注册了该事件的句柄时。通过冒泡,事件首先由最内部的元素捕获和处理,然后传播到外部元素。执行从该事件开始,并转到其父元素。然后执行传递给父元素,以此类推,直到body元素。
NaN
即非数值(Not a Number),NaN
属性用于引用特殊的非数字值,该属性指定的并不是不合法的数字。
NaN
属性 与 Number.Nan
属性相同。
提示: 请使用 isNaN()
来判断一个值是否是数字。原因是 NaN
与所有值都不相等,包括它自己。
两者之间的一个区别是,原始数据类型是通过值传递的,对象是通过引用传递的。
parseInt(string, radix)
将一个字符串 string
转换为 radix
进制的整数, radix 为介于2-36
之间的数,如下:
parseInt("4F", 16)
由于2
和5
是整数,它们将以数字形式相加。因为3
是一个字符串,它将与 7
拼接,结果是73。
import
和export
有助于咱们编写模块化JS代码。 使用import
和export
,咱们可以将代码拆分为多个文件,如下:
//------ lib.js ------</span>
export const sqrt = Math.sqrt;</span>
export function square(x) {</span>
return x * x;</span>
}
export function diag(x, y) {
return sqrt(square(x) + square(y));
}
//------ main.js ------</span>
{ square, diag } from 'lib';
console.log(square(5)); // 25
console.log(diag(4, 3)); // 5
严格模式是在代码中引入更好的错误检查的一种方法。
“use strict”
来启用严格模式提示框是允许用户通过提供文本框输入输入的框。 prompt()
方法显示一个对话框,提示访问者输入。 如果您希望用户在输入页面之前输入值,则通常会使用提示框。 弹出提示框时,用户必须在输入输入值后单击“确定”或“取消”才能继续。
var Y = 1;
if (eval(function f(){}))
{
y += typeof F;
}
console.log(y);
打印1undefined
。if
条件语句使用eval
求值,因此eval(function f(){})
返回函数f(){}
(为真)。因此,在if
语句中,执行typeof f
返回undefined,因为if
语句代码在运行时执行,而if
条件中的语句在运行时计算。
call
和apply
可以用来重新定义函数的执行环境,也就是this
的指向;call
和apply
都是为了改变某个函数运行时的context
,即上下文而存在的,换句话说,就是为了改变函数体内部this
的指向。
call()
调用一个对象的方法,用另一个对象替换当前对象,可以继承另外一个对象的属性,它的语法是:
Function.call(obj[, param1[, param2[, [,...paramN]]]]);
说明:call
方法可以用来代替另一个对象调用一个方法,call
方法可以将一个函数的对象上下文从初始的上下文改变为obj
指定的新对象,如果没有提供obj
参数,那么Global
对象被用于obj
apply()
和call()
方法一样,只是参数列表不同,语法:
Function.apply(obj[, argArray]);
说明:如果argArray
不是一个有效数组或不是arguments
对象,那么将导致一个TypeError
,如果没有提供argArray
和obj
任何一个参数,那么Global
对象将用作obj。
有许多方法可以用来清空数组:
方法一:
arrayList = []
上面的代码将把变量arrayList
设置为一个新的空数组。如果在其他任何地方都没有对原始数组arrayList
的引用,则建议这样做,因为它实际上会创建一个新的空数组。咱们应该小心使用这种清空数组的方法,因为如果你从另一个变量引用了这个数组,那么原始的引用数组将保持不变。
方法二:
arrayList.length = 0;
上面的代码将通过将其length
设置为0
来清除现有数组。这种清空数组的方式还会更新指向原始数组的所有引用变量。 因此,当你想要更新指向arrayList
的所有引用变量时,此方法很有用。
方法三:
arrayList.splice(0, arrayList.length);
这处方法也行,当然这种清空数组的方法也将更新对原始数组的所有引用。
方法四:
while(arrayList.length)
{
arrayList.pop();
}
上面的实现也可以空数组,但通常不建议经常使用这种方式。
var output = (function(x)
{
delete x;
return x;
}
)(0);
console.log(output);
打印 0
。delete
操作符用于从对象中删除属性。这里x
不是一个对象,而是一个局部变量,删除操作符不影响局部变量。
var X = { foo : 1};
var output = (function()
{
delete X.foo;
return X.foo;
}
)();
console.log(output);
输出 undefined
。delete
操作符用于删除对象的属性。X
是一个具有foo
属性的对象,由于它是一个自调用函数,所以咱们将从对象X
中删除foo
属性。这样做之后,当咱们试图引用一个被删除的foo
属性时,结果是undefined
。
var foo = function Bar()
{
return 7;
};
typeof Bar();
输出将是引用错误
。函数定义只能有一个引用变量作为其函数名。
这是一种越来越普遍的做法,被许多流行的JS库所采用。 这种技术围绕文件的整个内容创建一个闭包,最重要的是,它可以创建一个私有命名空间,从而有助于避免不同JS模块和库之间潜在的名称冲突。
该技术的另一个特性是允许为全局变量提供一个简单的别名,这在jQuery插件中经常使用。
JS转义字符使咱们能够在不破坏应用程序的情况下编写特殊字符。转义字符(\
)用于处理特殊字符,如单引号、双引号、撇号和&
号,在字符前放置反斜杠使其显示。
如:document.write("I am a \"good\" boy")
代码部署后可能存在的BUG没法实时知道,事后为了解决这些BUG,花了大量的时间进行log 调试,这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。