【JavaScript 基础】01 基础语法

一、JavaScript 概述

JavaScript概念

  • 是对象和事件的脚本语言
  • 是可以插入HTML页面的,可以向HTML页面添加交互行为
  • 是解释性语言,由浏览器解释执行

JavaScript 能做什么?

  • 数据的验证
  • 将动态的内容写入到网页当中(ajax)
  • 可以对事件做出响应
  • 可以读写html中的内容
  • 可以检测浏览器
  • 模拟动画
  • ………………

二、JavaScript 组成

  • ECMAScript:ECMAScript是一种由Ecma(欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association)通过标准化的脚本程序设计语言。JavaScript是对它的实现和补充。
  • BOM(Browser Object Model):浏览器对象模型
  • DOM(Document Object Model):文档对象模型)

三、JavaScript的引用方式

  • 嵌入式:被放置在 HTML 页面的<body><head> 部分中,使用<script>标签。
<script type="text/javascript">
    alert("我的第一个js");
</script>
  • 外部式:以把脚本保存到外部文件中,扩展名是.js。通过<script> 标签的 "src" 属性中设置该 .js 文件。
<script src="first.js"></script>
  • 事件响应:可以在点击等事件响应的时候使用
<input type="button" name="showalert" value="点击弹出提示"
    onclick="javascript:alert('事件响应')" />
  • 重定向:可以在超链接的href属性、表单的action属性等位置重定向时使用
<a href="javascript:alert('超链接重定向')">超链接重定向</a>

<form action="javascript:alert('表单重定向')" method="post">         
    <input type="submit" value="提交"/>
</form>

四、JavaScript 的输出

  • alert();
    弹窗会以文本的原格式输出
<script type="text/javascript">
    alert("abc");
    alert("<p>我是一段话</p>");
</script>
  • document.write();
    输出到页面,会以html的语法解析
<script type="text/javascript">
    document.write("abc");
    document.write("<p>我是一段话</p>");
</script>

五、JavaScript 的注释

  • //单行注释

  • /*
    多行注释
    多行注释
    */

六、JavaScript 的命名规范

  • 组成:字母、数字、下划线_、美元符号$
  • 首位不能是数字
  • 严格区分大小写
  • 不能是关键字和保留字

七、分号的使用

  • 分号表示一个功能的结束
  • 换行可以代替分号功能
  • 建议能加分号的地方都要用分号结束

八、变量的声明和赋值

  • 使用“var”关键字来声明变量
  • JavaScript 是弱类型语言,所有类型变量均使用var声明
var v1 = 10; 
var v2 = "abc";
  • JavaScript 拥有动态类型,也就是相同的变量可用作不同的类型
var v1 = 10; 
v1 = "abc";
  • 声明和赋值的几种方式
// 先声明后赋值
var v1;
v1 = 10;
// 声明并赋值
var v1 = 20;
// 同时声明多个变量后赋值
var v1, v2, v3;
v1 = 30;
// 同时声明多个变量并赋值
var v1 = 40, v2, v3;

九、JavaScript的数据类型

  • JavaScript中的数据类型分为原始类型(undefined、null、number、string、boolean)和引用类型(object)。
  • typeof运算符:用来检测数据类型的

1.undefined
未定义类型,声明后没有被赋值的

var v1;
document.write(typeof v1);

2.null
表示空,可用于把变量值清空

var v1 = 10;
v1 = null;

3.number
数字类型。可以是32位的整数,也可以是64位的浮点数

var x1 = 34.00;   //小数
var x2 = 34;      //整数

4.string
字符串,可以是引号中的任意文本。可以使用单引号或双引号。单双引号必须成对出现,可以互相嵌套,但不能交叉使用。

var s1 = "abc";
var s2 = 'abc';
var s3 = "abc'abc'";
document.write(typeof s1);
document.write(typeof s2);
document.write(typeof s3);
document.write(s3);

5.boolean
布尔类型,只有true和false两个值

var b1 = true;
var b2 = false;

6.object
对象, 包含属性和方法的集合


微信公共号

推荐阅读更多精彩内容

  • 原文: https://github.com/ecomfe/spec/blob/master/javascript...
    zock阅读 2,299评论 2 37
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 79,511评论 12 120
  • FreeCodeCamp - Basic JavaScript 写在前面: 我曾经在进谷前刷过这一套题,不过当时只...
    付林恒阅读 13,271评论 5 26
  • 语句 JavaScript程序的执行单位为行(line),也就是一行一行地执行。一般情况下,每一行就是一个语句。 ...
    米塔塔阅读 124评论 1 10
  • 父母亲和我们, 有着无法斩断的血脉, 有着走在天涯海角 都无法消失的牵挂。 父母亲给了我们, 健康的躯体, 智慧的...
    jwyyw雯阅读 821评论 1 5