javascript入门必备(小白初识JavaScript的基础知识与相关术语)
javascript入门必备(小白初识JavaScript的基础知识与相关术语)
2024-11-05 06:59:37  作者:考神保佑我  网址:https://m.xinb2b.cn/life/phc216499.html

前一段时间学习了HTML和CSS的相关知识,目前我已经可以写一些简单的页面布局了,仿了一个京东手机端页面,效果还算可以,这个东西还是需要多写多练才能熟练掌握。现在我已进入了一个新的阶段学习——JavaScript,听一些大佬说这个JS入门容易,学精挺难,听了大佬们的见解,感觉亚历山大呀,不过还是需要去面对的,有困难咱就克服,加油吧。


一、什么是JavaScript

JavaScript简称JS,它是一种异步单线程的脚本语言,JS不需要进行编译即可在浏览器运行,它是边解释边执行的。

二、JavaScript相关历史

ECMAScript6(ECMA 2016),即:ES6,是JavaScript语言的下一代标准,它于2015年6月正式发布的。

ECMAScript和JavaScript是什么关系呢?

ECMA是国际标准化组织,1996年11月JavaScript的创造者把JS提交给了ECMA成为了国际标准。次年,ECMA发布了262号文件(ECMA-262)规定了浏览器脚本语言的标准,并将这种语言称为ECMAScript,也就是JavaScript的第一个版本1.0。

从ES6开始制定到最后发布,用了整整15年。

ECMAScript发布时间线:

1997年6月 ECMAScript1.0

1998年6月ECMAScript2.0

1999年12月ECMAScript3.0

2000年ECMAScript4.0,不被大众接受,版本太过激进

2009年12月ECMAScript5.0版本正式发布

2011年6月ECMAScript5.1称为IOS国际标准2015年6月ECMAScript6正式发布,成为新的国际标准。

三、JavaScript常用的数据类型

JS数据类型分为两种:

1.原始类型

数值: 整数和小数

let age = 38;console.log(age, typeof age); // 38 "number"

字符串

let email = 'tp@php.cn';console.log(email, typeof email); // tp@php.cn string

布尔

let isMarried = true;console.log(isMarried, typeof isMarried); // true "boolean"

undefined,未初始化变量的默认值

let gender;console.log(gender, typeof gender); // ndefined "undefined"

null,空对象

let obj = null;console.log(obj, typeof null); // null "object"

符号,创建对象属性的唯一标识

let s = Symbol('custom symbol');console.log(s, typeof s); // Symbol(custom symbol) "symbol"

在原始类型的中都是值传递的,意思就是一个变量的更新并不会影响另外一个变量,例如我们声明一个变量:

let a = 100;

此时,再声明一个变量b,并将a赋值给b:

let b = a;

打印b的值,发现也是100,说明a的值传递给了b,那么如果这时候将a的值修改为200,再次打印b的值,结果是多少呢?

a = 200;console.log(b);

通过测试,我得知b的值依旧是100,由此得到一个结论:a的值更新并不会影响到b,因此在原始类型中都是值传递的。

2.引用类型

对象

此时声明一个对象user,如下:

let user = { id: 1, username: '张三', 'my email': 'admin@admin.cn', // 方法: 函数 getName: function () { // this表示当前的上下文,当前对象 return '我的名字:' this.name; }}console.log(user.id, user.name); // 1 "张三"console.log(user['my email']); // admin@admin.cnconsole.log(user.getName()); // 我的名字:张三

数组

let a = [1, "PHP", 3, 4];console.log(a, typeof a); // [1, "PHP", 3, 4] "object"

数组中的索引元素是从0开始的,因此我们可以使用a[数组下标]的方式来访问数组中的元素。

函数

function hello(a, b, c) { console.log(arguments);}// demo4.html:76 ƒ hello(a, b, c) { console.log(arguments); } "function"console.log(hello, typeof hello); // hello(a, b, c) { console.log(arguments); } "function"console.log(hello instanceof Object); // true

对象是属性的无需集合,因此还可以往对象里添加属性:

hello.email = 'hello@admin.cn';console.log(hello.email);// 并没有给这个函数添加name属性console.log(hello.name);hello(1, 2, 3, 4, 5, 6);console.log(hello);

效果图:


四、变量与常量的声明与赋值变量:使用let声明一个变量:

// 声明let username;

此时,username的默认值是undefined,现在我们对其进行初始化(赋值):

username = 'Hello World';

可在控制台打印变量username,得到:

Hello World

如果再次对username进行赋值:

username = '你好,世界!';console.log(username);

此时可在控制台查看username值为:你好,世界!。

但是,禁止在再次给username赋值时使用以下格式:

let username = 'Hello World!';

这样的话控制台会报错:


所以,let在声明变量的时候禁止重复声明。

也可以将变量声明与初始化同时进行:

let username = 'Hello World!';console.log(username);

常量:使用const声明常量常量特殊的变量,它是只读变量;常量声明后即不能删除,也不能更新;常量的声明与初始化必须同步完成。

const APP = '用户管理系统';

常量、变量、函数名...都称为JS标识符,他们都有严格的命名规则:

只能是字符、数字、下划线、$,且第一个不能是数字;标识符是严格区分大小写的;命名规范。蛇形,下划线

let user_name = 'a';

驼峰式

let userName = 'a';

大驼峰,帕斯卡

let UserName = 'a';

匈牙利式

let oBody = document.body;oBody.style.backgroundColor = 'lightgreen';


  • 凉凉张碧晨杨宗纬最好的版本(凉凉天意杨宗纬替换白百何)
  • 2024-11-05凉凉天意杨宗纬替换白百何在刚刚落下帷幕的《歌手》总决赛中,最让我觉得过瘾的就是张碧晨和杨宗纬合唱的《三生三世十里桃花》的主题曲《凉凉》,这是他们二人首次在舞台上合唱这首歌,听了这么多遍,终于听到了现场版我们都知道,在本季比赛。
  • 电风扇清洗后不转了怎么回事(电风扇清洗后不转了什么原因)
  • 2024-11-05电风扇清洗后不转了什么原因电风扇清洗之后不转了,比较常见的情况就是在清洗过程中将扇叶里面润滑油给洗掉了,可以先断电,然后用手轻轻拨动风扇叶子,要是发现它旋转不顺畅,比较僵硬的话,那么就是润滑油没有了,要及时进行添加,保证风扇正。
  • 学酥是什么意思(学酥的意思)
  • 2024-11-05学酥的意思学酥是指外表学霸,内心学渣,但又比学渣强的人,学酥看着还挺像样儿的,其实一碰到问题都不会,学酥的学习方式被称为仪式性学习如果说“学霸”指的是用功刻苦、追求成绩的学生,那我是不欣赏的因为他们没有将学习化。
  • 女人33每周锻炼几次好(性提高性能力的十大习惯)
  • 2024-11-05性提高性能力的十大习惯对男人来说,良好的性能力是男子汉气概的重要体现,男人都希望能让爱人享受性福男性要想提高性能力,那么要从细节下手,注意日常生活小习惯每天吃把坚果每天的食谱中要有一定数量的青菜、一两个水果和一小把坚果羊肉。
  • 继承优良传统 (继承优良传统 )
  • 2024-11-05继承优良传统 纪念毛泽东“向雷锋同志学习”题词57周年3月5日是全国学雷锋日,1963年的天,毛主席亲笔题词,号召全国人民"向雷锋同志学习"从毛主席题词到现在,57年了,雷锋,这个普通的名字却始终贯。
  • 吴千语晒身材回应恶评(陈冠希被恶意跟拍)
  • 2024-11-05陈冠希被恶意跟拍吴千语再度回应和林峰分手一事从回应看来吴千语对于自己上热搜这件事还是比较无语的,毕竟两人分手已经很久了,而且双方都已经有了新的伴侣,在提起前任就不好了只不过当初林峰和吴千语恋爱时,还真是只能用“走火入。
  • 宁夏的枸杞传说(宁夏有枸杞长枣)
  • 2024-11-05宁夏有枸杞长枣来源:中国交通报“宁夏川,两头子尖,东靠黄河,西靠贺兰山,金川银川米呀粮川”一曲《宁夏川》道不尽宁夏回族自治区的山河壮美、物产富饶中宁枸杞、灵武长枣、盐池滩羊、固原黄牛……细数宁夏特产,让人不禁感叹“。
  • 澳门最值得去的小岛(去澳门看海发现它另一面)
  • 2024-11-05去澳门看海发现它另一面文章写于去年的11月,也是11月去的澳门没来澳门之前,澳门在我眼里是个纸醉金迷的地方,是港片主角凭着赌运走上人生巅峰的转运之城来了之后,才发现它也有像香港特别静的一面比起香港,澳门的面积实在太小,也正。
  • 王鸥个人资料简介(年龄(王鸥个人资料简述)
  • 2024-11-05王鸥个人资料简述王鸥(Angelwang),38岁,1982年10月28日出生于广西壮族自治区南宁市,中国内地女演员2003年,获得第四届CCTV模特电视大赛全国总决赛最上镜奖2005年,出演个人首部影视剧《心戒》2。
  • 难得一见的西游记幕后花絮(西游记拍摄花絮)
  • 2024-11-05西游记拍摄花絮当年《西游记》播出的时候,后期技术还不是很成熟,但是这部作品却陪伴了很多人的童年,虽然他们没有花里胡哨的后期加持,但是却依旧给大家带来了很多欢乐,即便是多年之后,这部影片依旧被大家称为经典之作,翻拍过。