JavaScript笔记

最新推荐文章于 2022-11-13 14:15:18 发布
原创 最新推荐文章于 2022-11-13 14:15:18 发布
· 217 阅读 · 1 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了JavaScript的基础知识，包括变量的声明规则、数据类型的分类及转换，以及this的关键指向问题。JavaScript由ECMAScript、DOM和BOM三部分组成，变量需先声明再使用，数据类型包括Undefined、Null、Boolean、String、Symbol、Number和Object，其中Number、parseInt和parseFloat用于类型转换。this的指向在不同场景下有所不同，如在函数中默认指向window，在事件处理函数中则指向事件触发的元素。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

初始Javascript

js是一种专为域网页交互设计的脚本语言。由三部分组成：
-ECMAScript（ECMA-262定义）提供核心语言功能。（ECMAScript，是一种国际化的标准，所有浏览器都支持）
文档对象模型（DOM）提供访问和操作网页内容的方法和接口。
-浏览器对象模型（BOM）提供与浏览器交互的方法和接口
（其它浏览器对后两部分的支持程度不一样。）

js是一种可以与html标记语言混合使用的脚本语言，其编写的程序可以直接在浏览器中解释执行（与编译、执行）（解释执行，就是解释道哪行代码，就执行哪里。）

js的国际标准是ECMAScript（语法、数组等等。）

<script>标签可以放在任何位置，一般放在<head>标签中

变量：

JavaScript是一种弱形式的脚本语言
var c=3;即变量的声明（变量使用前必须加var声明，编程规范）
规则：
1、变量命名必须以字母或是下标符号“_”或是"$"开头
2、变量名长度不能超过255字符。

3、变量名中不允许使用空格。

4、不用使用脚本语言中保留的关键字及保留付哈作为变量名。

5、变量名区分大小写。

全局变量：在方法外声明的变量，方法内部没有加var关键字声明的变量。

局部变量：在方法内部，使用var声明的变量。

alert相当于window.alert()

alert(‘hello javascript’)

数据类型

共有七种数据类型：Undefined, Null,Boolean, String, Symbol, Number和Object.

前六种是简单（基本）数据类型，其中Boolean, String,Number有基本包装类型，每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象

ES6新加了Symbol类型，是一种特殊的、不可变的数据类型，可以作为对象属性的标识符使用。

typeof

· “undefined”如果这个值未定义

· “boolean”如果这个值是布尔值

· “string”如果这个值是字符串

· “number”如果这个值是数值

· “object”如果这个值是对象或者null

· “function”如果这个值是函数

· “symbol”如果这个值是Symbol类型（ES6新增）

实际上JavaScript中函数也是对象。

大体上来说,基本类型的值应该使用 typeof来检测

数据类型转换

一、显式类型转换（强制类型转换）：Number()、parseInt()、parseFloat()等

1.Number()：Number()方法能将看起来像数字的字符串变成数字，将true转换为1，false转换为0；尽可能地转换。当遇到函数时，Number()方法无法对其转换，将输出NaN。

var a='100';
alert(a+100);//输出  100100
alert(Number(a)+100);//输出  200
  
var a='0000100';//如果100前面很多0
alert(a+100);//输出  0000100100
alert(Number(a)+100);//输出  200  
 
var a='+100';
alert(a+100);//输出  +100100
alert(Number(a)+100);//输出  200  
 
var a='';
alert(a+100);//输出  100
alert(Number(a)+100);//输出  100 
 
var a=' ';
alert(a);//输出一个空格
alert(Number(a));//输出  0 
 
var a=true;
alert(a);//输出 true   
alert(Number(a));//输出  1 	
	
var a=[];//数组为空
alert(a);//无输出
alert(Number(a));//输出  0 
 
var a=[''];//数组里面有空字符串
alert(a);//无输出
alert(Number(a));//输出  0 	
 
var a=[123];
alert(a);//输出  123	
alert(Number(a));//输出  123	
 
var a=[1,2,3];
alert(a);//输出 [1,2,3]
alert(Number(a));//输出 NaN
 
var a=null;
alert(a);//输出 null
alert(Number(a));//输出 0	
 
var a=function(){alert(1)};	
alert(a);//输出  function(){alert(1)}
alert(Number(a));//输出 NaN
	
var json={abc:123};//只要是json类型，就转化不了
alert(json);//输出 [object Object]
alert(Number(json));//输出 NaN	
	
 
var a;
alert(a);//输出 undefined
alert(Number(a));//输出 NaN

2.ParseInt()：parseInt()从左到右一个一个转换，遇到一个非数字的东西，就不再转化了。但是无法转换true/false等其他类型。parseInt()认±和空格，如果遇到，也认为是数字的一部分，也会继续往后走。

var a='100px1564623';//parseInt()从左到右一个一个转换，遇到一个非数字的东西，就不再转化了。但是无法转换true/false等其他类型。parseInt()认+-和空格，如果遇到，也认为是数字的一部分，也会继续往后走。
alert(parseInt(a));//输出  100
alert(parseInt(a,16));//输出 256.将a看成16进制，转换为十进制的数字。默认情况下按十进制转。
 
var a='12.34元';
alert(parseInt(a));//输出  12
  1. ParseFloat()：遇到小数点可以使用该方法。
//这时，可以使用方法parseFloat()
alert(parseFloat(a));//输出12.34

二、隐式类型转换：

  1. +。 如‘200’+3 变成字符串

      • / % 比如‘200’-3 变成数字

  3. ++ – 变成数字

  4. a++、a–

  5. < 、> 数字的比较和字符串的比较不同

  6. !取反 把右边的数据类型转成布尔值

  7. ==

alert('200'+3);//输出2003
alert('200'-3);//输出197
 
var a='10';
a++;
alert(a);//输出11
 
alert('10'>9);//字符串和数字比较，进行了强制类型转换。输出true
alert('10'>'9');//输出false 两个字符串在比较时，是按其字符编码进行比较的。按每一数字位进行比较，1<9，所以为false
alert('10000'>'9');//此时，输出还是为false
 
alert(!'ok');//!取反  把右边的数据类型转成布尔值
 
alert('2'==2);//输出 true

三、NaN

定义：not a number不是个数字。不是个数字的数字类型。

所有的数字都是数字类型，但并不是所有的数字类型都是数字。数字和数字类型是两码事。

  1. 一旦写程序中出现了NaN，那么肯定进行了非法的运算操作。
var a=Number('abc');
alert(typeof a);//输出number，说明类型为number
alert(a);//输出NaN
  1. NaN的布尔值是false。
if(a){//此时输出为false。NaN转换布尔值是false
	alert('真');	
}
else {
	alert('假');	
}
  1. 两个NaN并不相等。Nan与自己比较时假。所有数据类型除了NaN以外，其他自己与自己比较都是真。
alert(NaN==NaN);//输出false

isNaN()：is not a number 。是否不是一个数字。帮助判断某些值是不是数字。可能值true/false。内部是根据Number()进行转换，如果能够转成一个数字，那么isNaN()输出false，否则输出true。

alert(isNaN(240));//输出false
alert(isNaN('wo'));//输出true

this指向

  1. 定义一个函数fn1()，函数中的this指向window。此时，调用fn1()实际上相当于是window.fn1(); 因此，this指向window
function fn1(){
	alert('alert2'+this);//此时提示内容为[object window]
};
//同样地，对于函数也是一样的
fn1();//实际上也就是window.fn1()
  1. 点击事件是已定义的函数，this指向产生点击事件的元素。
var oBtn=document.getElementById('btn1');
//点击事件是已定义的函数
oBtn.onclick=fn1;//此时提示内容为[object HTMLInputElement]
  1. 点击事件是匿名函数，this指向产生点击事件的元素。
var oBtn=document.getElementById('btn1');
//  点击事件是匿名函数
oBtn.onclick=function(){
	alert('alert3'+this);//此时提示内容为[object HTMLInputElement]
};
  1. 点击事件是匿名函数，匿名函数内部调用已定义的函数fn1()，此时fn1()里面的this指向window。更通俗一点，只要遇到这样已定义的函数，里面的this都指向window。
oBtn.onclick=function(){
	fn1();		//只要遇到这样调用的函数，this都是window
};
错题集合了
m0_71251536的博客
06-09 405
这是为啥呢
JS——数据类型转换，判断数据类型（typeof），parseInt与parseFloat的区别，隐式类型转换
weixin_43170073的博客
05-27 698
1.将字符串转换为数据 var a1 = '100'; alert(a1+100); //输出的是100100 但是想要的结果时100+100=200 所以应当将a1转换数据类型 alert(Number(a1)); //输出200 2.当值为空值时 var a2 = ' '; alert(a2); //不出现值和结果，因为是空，所以什么都没有 转换为数值型时 alert(Number(...
web前端1+x（初级）理论（158道单选题含答案）
m0_69034993的博客
11-13 3万+
17、A文件夹与B文件夹是同级文件夹，其中A下有1.htm和2.htm文件，B下有3.htm和4.htm文件，现在我们希望在1.html文件中创建超链接，链接到4.htm，应该在1.htm页面代码中如何描述链接内容？18、< a id=”img” href=“**.jpg” title=“大连” >新闻< /a>，获取a元素title的属性值的方法是（C）。”，下列()语句能正获取系统当前时间的小时值。104.在 JavaScript 中 alert( "12">"9" ) 的运行结果正确的是（A ）。
JavaScript学习笔记——数据类型转换
齐在的专栏
12-12 571
一、显式类型转换（强制类型转换）：Number()、parseInt()、parseFloat()等 1.Number()：Number()方法能将看起来像数字的字符串变成数字，将true转换为1，false转换为0；尽可能地转换。当遇到函数时，Number()方法无法对其转换，将输出NaN。 var a='100'; alert(a+100);//输出 100100 alert(Numb...
前端面试题（中）
weixin_34111819的博客
03-09 1579
来自妙味的一套面试题，以下答案来自JS讲师的现场上课记录！ 一、选择题 1、分析下段代码输出结果是（ B ） var arr = [2,3,4,5,6]; var sum =0; for(var i=1;i < arr.length;i++) { sum +=arr[i] } ...
狂神说系列 JavaScript笔记
06-15
【狂神说系列 JavaScript笔记】是一份全面且深入的JavaScript学习资源，旨在帮助开发者和初学者深入理解这门广泛应用于Web开发的脚本语言。这份笔记涵盖了JavaScript的基础语法、核心概念以及高级特性，旨在构建一个...
javascript笔记
04-20
javascript学习笔记，从actionScript转到前端开发，偏重于前端理论基础，供参考
12. Window alert() 方法
enlyhua的专栏
07-31 899
定义和用法 alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。 语法:alert(message)实例<html> <head> <script type="text/javascript"> function display_alert() { alert("I am an alert box!!") } </script> </head> <body><in
js基础周测考试题错误和易错知识点（笔试）
m0_47531829的博客
05-19 1418
1.下面代码的运行结果是：第一次弹（ ）第二次弹（ ） function fn1() { alert(1); } alert( fn1() ); A．1 B．alert(1); C．function fn1() { alert(1); } D．undefined 运行fn1(),弹出1，fn1()没有返回值，所以fn1()为undefined；alert（fn1()）alert里面的内容是fn1()的返回值， 所以是undefined； 2.alert( “12”>“9” ) 的运行结果正确的
JavaScript基础题
qq_37927991的博客
03-16 6222
最基础的 for 循环 数组的方法可以活学活用么？ 诡异的作用域、闭包、上下文执行环境 运算符、表达式等小知识 还有字符串方法、数据类型转换方法、时间日期对象方法、数学方法…… 各种逻辑判断、函数封装、基础算法…… JavaScript 第一阶段基础知识总结测试题 姓名：__________ 一、选择题（每题2分，多选题错选、少选不得分） 1、分析下段
JavaScript的数据类型及简单运用
qq_65715980的博客
06-27 594
JS数据类型的转化相关知识的总结，附加两道简单的给出生你年份求岁数的题目。
js数据类型
weixin_73143398的博客
09-23 479
包括：boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile 等。
JavaScript基础测试题
qq_43753895的博客
08-04 1万+
JavaScript 基础阶段测试题 JavaScript 基础阶段测试题，试试你能得多少分？ 一、选择题（每题2分，多选题错选、少选不得分） 1、分析下段代码输出结果是（ ） var arr = [2,3,4,5,6]; var sum =0; for(var i=1;i < arr.length;i++) { sum +=arr[i] } console.log(sum); A．20 B．18 C．14 D．12 ...
JavaScript数据类型二——数据类型转换
可芭乐的博客
12-26 391
数据类型转换 第一种 var a = '100'; alert(a + 100);字符串的连接，输出结果为100100 第二种 var a = '100'; alert(Number(a)+100);将a转换成数字，输出结果为200 第三种 var a1 = ' '; alert(Number(a1));输出结果为0；无论其中有多少空格，结果都为0 第四种 var a2 = true; aler
JS中alert的三种使用方式
热门推荐
qq_45240701的博客
06-14 10万+
JS中的alert，作用是在浏览器中弹出一个警告框。 而使用alert，有三种方式，不同的方式，所呈现的效果也不相同。 第一种方式：直接写在script标签中 代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> &l...
JS——数据类型及判断
GoodLuck_wu5的博客
09-06 224
原始的数据类型（五种） String（字符串）、Number（数字）、Boolean（布尔值）、Null（空）、Undefined（未定义） 引用数据类型 Object、Array、Function 判断数据类型 typeof 返回值有6种，都是字符串形式 String、Number、Boolean、Undefined、Object、Function console.log(typeof(123)) // Number console.log(typeof('abc')) // String con
双等判断及数据类型的转换
小白银的博客
04-24 374
1.用typeof()判断数据类型 var i = 100; alert(typeof (i)); //number 调用typeof()会返回一下几种结果：string,number,Boolean,object,function,undefined； 注意：当判读null时会返回object,null被认为时object的占位符。 2.string字符串类型：leng...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值