前端学习路线-13-javascript-语法和基本构造

发表于 更新于

When you recover or discover something that nourishes your soul and brings joy, care enough about yourself to make room for it in your life.
— Jean Shinoda Bolen

本系列关注前端部分,根据学习路线图达到学习Vue.js的目的

developer路线图developer-roadmap/translations/chinese at master · kamranahmedse/developer-roadmap

本系列笔记的源代码GitHub项目地址:learning-area/front-end-learning at master · YJ2CS/learning-area

快速跳转

目录:前端学习路线-目录

随笔记教程

为什么首先推荐 JavaScript | MDN呢？曾任Mozilla公司首席首席技术官的Brendan Eich是JavaScript主要创造者与架构师。 这个是 Mozilla 开发者网络社区的学习资料，比W3school 要好，对于疏通JavaScript很有益处。

你可以从这开始

之后可以再阅读一些W3school的教程

简介

JavaScript语法是构造JavaScript程序的规则的集合

1
2
3
var x, y, z;       // Declare Variables  
x = 5; y = 6;      // Assign Values  
z = x + y;         // Compute Values

JavaScript值

JavaScript语法定义了两种类型的值：

  • 固定值
  • 可变值

固定值称为Literals。

变量值称为Variables。

JavaScript固定值 Literals

固定值的两个最重要的语法规则是：

1.书写Literals可以有或没有小数：

1
2
3
10.50  
  
1001

自己尝试»

2.字符串是Literals，用双引号或单引号引起来：

1
2
3
"John Doe"  
  
'John Doe'

控制台

学会使用浏览器的控制台是十分必要的,见什么是浏览器开发者工具？ - 学习 Web 开发 | MDN

加载JavaScript的方式

可以像添加 CSS 那样将 JavaScript 添加到 HTML 页面中。CSS 使用 <link> 元素链接外部样式表，使用 <style> 元素向 HTML 嵌入内部样式表，JavaScript 这里只需一个元素——<script>。我们来看看它是怎么工作的。
javascript-加载JavaScript的方式

标准js对象的构造方法与其他几种常见构造方法

javascript-js对象的构造方法

js继承

javascript-js的继承

JavaScript 指南

JavaScript 指南