杂项

JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

分号 ;

分号用于分隔 JavaScript 语句。

通常我们在每条可执行的语句结尾添加分号。

使用分号的另一用处是在一行中编写多条语句。

提示:您也可能看到不带有分号的案例。

在 JavaScript 中,用分号来结束语句是可选的。

JavaScript 代码块

JavaScript 语句通过代码块的形式进行组合。

块由左花括号开始,由右花括号结束。

块的作用是使语句序列一起执行。

JavaScript 函数是将语句组合在块中的典型例子。

下面的例子将运行可操作两个 HTML 元素的函数:

JavaScript 对大小写敏感。

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时,请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样,变量 myVariable 与 MyVariable 也是不同的。

在 JavaScript 中,这些字母被称为变量。

提示:您可以把变量看做存储数据的容器。

声明(创建) JavaScript 变量

在 JavaScript 中创建变量通常称为“声明”变量。

我们使用 var 关键词来声明变量:

重新声明 JavaScript 变量

如果重新声明 JavaScript 变量,该变量的值不会丢失:

在以下两条语句执行后,变量 carname 的值依然是 "Volvo":

var carname="Volvo";

var carname;

JavaScript 数据类型

字符串、数字、布尔、数组、对象、Null、Undefined

JavaScript 对象

对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:

var person={firstname:"Bill", lastname:"Gates", id:5566};

上面例子中的对象 (person) 有三个属性:firstname、lastname 以及 id。

空格和折行无关紧要。声明可横跨多行:

创建 JavaScript 对象

JavaScript 中的几乎所有事务都是对象:字符串、数字、数组、日期、函数,等等。

break 语句用于跳出循环。

continue 用于跳过循环中的一个迭代。

JavaScript 测试和捕捉

try语句允许我们定义在执行时进行错误测试的代码块。

catch语句允许我们定义当 try 代码块发生错误时,所执行的代码块。

JavaScript 语句trycatch是成对出现的。

HTML DOM 树


通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。

JavaScript 能够改变页面中的所有 HTML 元素

JavaScript 能够改变页面中的所有 HTML 属性

JavaScript 能够改变页面中的所有 CSS 样式

JavaScript 能够对页面中的所有事件做出反应

浏览器对象模型 (BOM)

浏览器对象模型(BrowserObjectModel)尚无正式标准。

由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方法和属性。

Window 对象

所有浏览器都支持window对象。它表示浏览器窗口。

所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

全局变量是 window 对象的属性。

全局函数是 window 对象的方法。

甚至 HTML DOM 的 document 也是 window 对象的属性之一:

window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。

React Props

state 和 props 主要的区别在于props是不可变的,而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 props 来传递数据。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,742评论 18 399
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,798评论 0 8
  • 苹果手机样机见得太多了,想找个新的Android手机不好找?没关系,今天为大家带来了另一个智能手机Mockup,而...
    UI设计达人阅读 1,113评论 0 48
  • 我在行这条路,必将孤独的行向终点。 却留恋半路的风景。紧紧不想松手。 风景是你,我也是你的风景。 本该在阳光灿烂里...
    云游大师阅读 149评论 0 1
  • 秦灭韩之战,没有丝毫悬念。 曾经的“劲韩”,何以沦落到如此地步?君不明、臣不贤而已。 韩国是七大战国中土地面积最小...
    木皮叔阅读 873评论 0 3