javascript入门必备(小白初识JavaScript的基础知识与相关术语)
javascript入门必备(小白初识JavaScript的基础知识与相关术语)
2024-11-06 07:03:26  作者:考神保佑我  网址:https://m.xinb2b.cn/tech/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-06热喷涂粉芯丝材的特点及应用热喷涂粉芯丝材是由金属外皮包裹着一定粒度的不同类型的金属、合金粉末或陶瓷粉末等构成的,兼备实心丝材及合金粉末喷涂材料的优点,具有合金成分调节容易、调节范围广、可获得特殊合金成分表面涂层和提高涂层质量等。
  • 飞机让带小仓鼠吗(小姑娘带宠物过安检)
  • 2024-11-06小姑娘带宠物过安检来源:温州新闻网温州网讯近日,一名小姑娘在温州动车南站过安检时,将一只小仓鼠藏在大衣口袋,没想到它跑出口袋,被安检员发现并“生擒”1月23日下午3时50分,温州动车南站安检员在巡视过程中,突然发现地上。
  • 开通千粉注意事项(新手扶持期后不扶持了怎么办)
  • 2024-11-06新手扶持期后不扶持了怎么办写个头条,赚了几分几毛几元的,我们常常在担惊受怕:新手扶持期过了我们怕头条君拋弃我们了,过千粉了展现量骤降怀疑人生你遇到过这两个问题吗?良心话这两个问题我都遇到过,我跟大家一样也担扰过,下面和大家一起。
  • 未婚女性也会得卵巢囊肿吗(卵巢囊肿并非育龄妇女)
  • 2024-11-06卵巢囊肿并非育龄妇女龙头新闻讯(记者霍营)卵巢囊肿是一种常见的妇科疾病,在不少人的印象中,这种病只有成年女性才会得,但是不久前,哈医大四院妇科一病房却收治了一名10岁的小患者,经检查,女孩卵巢囊肿约有新生儿头大小目前,经。
  • 菊花大全(菊花)
  • 2024-11-06菊花菊花千姿百态,有的像一个害羞的小姑娘,把整个脸都缩到了房子里;有的争奇斗艳,像一张张灿烂的笑脸;有的好似在和我捉迷藏,叶子底下才能找到它们菊花的花瓣形状也各不相同,有的如节日里盛开的礼花;有的像一个小。
  • 特别冷的冬天如何取暖(没有暖气的冬天如何安全度过)
  • 2024-11-06没有暖气的冬天如何安全度过HappyNewYearHi,各位新年好呀~在此新春佳节之际,小编作为一名北京的学生,上个月还在享受集体供暖,现在却在家冻的瑟瑟发抖,不禁要吐槽一句:每次过年回家都会被冻xi原来“南山南”里的——你在。
  • 爆炒三菌菇详细做法(大厨分享饭店蚝油烧三菌)
  • 2024-11-06大厨分享饭店蚝油烧三菌今天和大家分享一道“蚝油烧菌菇”家常菜,菌菇的种类繁多,大家可以根据自己喜欢的菌菇进行搭配,菌菇热量低,有维生素、蛋白质等营养成分,热量也很底,也是减肥的最好蔬菜下面为大家介绍详细步骤,有喜欢的朋友们。
  • 麻椒香锅的做法和配方(怎么做麻椒香锅)
  • 2024-11-06怎么做麻椒香锅主料:白菜少许、生菜少许、麻辣香锅料适量辅料:木耳少许、金针菇少许、尖椒少许、豆泡少许、虾仁少许准备白菜,生菜,木耳泡发尖椒,豆泡,金针菇,大虾热锅凉油放入麻辣香锅料加入尖椒,金针菇,豆泡,大虾翻炒放。
  • 购买社会保险的注意事项(社会保险在什么时候开始买最合适)
  • 2024-11-06社会保险在什么时候开始买最合适我们所说的社会保险,是包含了基本养老保险、基本医疗保险、生育保险、工伤保险、失业保险等社会保险种类的总称对于个人来讲,最为重要的社会保险主要是基本养老保险、基本医疗保险两大社会保险险种社保是早买好还是。
  • 记忆中的三明满园春(乱花渐欲迷人眼)
  • 2024-11-06乱花渐欲迷人眼特别声明:本文为新华网客户端新媒体平台“新华号”账号作者上传并发布,仅代表作者观点,不代表新华号的立场及观点新华号仅提供信息发布平台文\陈玉璧“乱花渐欲迷人眼”是唐朝著名诗人白居易《钱塘湖春行》中的诗。
  • 证明我妈是我妈可笑吗(如何证明我妈是我妈)
  • 2024-11-06如何证明我妈是我妈上周老哥通知,老妈的退休金不再发邮政储蓄存折,11月开始发到社保金融卡里,需要带老妈去银行把卡激活好吧,银行现在大多周末不上班,只好请半天假带老妈去交通银行跑一趟在第一个营业厅网点,大堂工作人员态度很。