JavaScript-语法基础“程序员培养之路第七天”

第一节、JavaScript历史

战国时代

1995年 Netscape(网景) 发明了 LiveScript 后改名为JavaScript

1996年,微软发布了 IE 3.0 并搭载了一个 JavaScript 的克隆版,叫做 JScript

一统江湖

ECMAScript:欧洲计算机制造商协会(ECMA)通过ECMA-262标准化的脚本程序设计语言

1997年06月,ECMAScript 1.0版

1998年06月,ECMAScript 2.0版

1999年12月,ECMAScript 3.0版

2007年10月,ECMAScript 4.0版(版本改变太激进,死了)

2009年12月,ECMAScript 5.0版

2011年06月,ECMAscript 5.1版发布,成为ISO/IEC(国际标准化组织及国际电工委员会)16262:2011)标准

2015年06月17日,ECMAScript 6版,可以叫ECMAScript 6(ES6),也可以叫ECMAScript 2015(ES2015)

未来发展

javascript未来将由ECMA以每年一个版本的方式进行迭代更新,版本号也会按照年份来排序,ES2015、ES2016……

第二节、基础知识

特点

JavaScript代码可在内部,外部和行内

外部引入js文件:通过

执行按照顺序执行

页面输出

alert("Hello Word"); //系统弹窗console.log(); //输出在控制台document.write(); //打印在页面document.getElementById().innerHTML = "Hello Word";document.getElementById("box").style.color = "red";

基本语法

注意行尾加分号;

换行书写

注释:// 或者 /* */

关键词

下面是 ECMAScript 关键字的完整列表:

break else new varcase finally return voidcatch for switch whilecontinue function this withdefault if throwdelete in trydo instanceof typeof

定义变量

变量variable(临时存储的容器)

//变量:临时存储信息的容器,可以复用

var name; //变量的声明,并起名叫 name

name = "tt"; //为变量赋值, = 等号:是把右侧的值,赋值给左侧的变量名;

alert(name);

声明变量并同时赋值

//简写

var a = 3;console.log(a); //3a = "hello";console.log(a); //helloa = true;console.log(a);//true

//同名变量会产生覆盖

var name = "小红";var name = "小丽";alert(name); //小丽

变量名大小写敏感

var Name="小花";var name="小毛";

命名规范

//可读性高的变量名

var a_local //使用下划线连接关键字var _username= "tt"; //使用下划线开头var $total; //用$开头var password; //用小写字母var seatNumber = 5; //驼峰命名法var isHappy = true; //布尔值使用is开头

//不能使用关键字(保留字)因为语言私有,例如:

var false;var true;var boolean;var var;

//可以使用中文,但不推荐

var 果果 = "中文变量";

javascript

第三节、数据类型

不同的数据,需要定义不同的数据类型,描述天气:天气情况(字符串:"晴"),气温(数字:25°),是否下雨(布尔值:true/false),在js中有以下几种数据类型:

字符串(String)

字符串是以单引号或双引号括起来的任意文本,请注意'' 或 "" 本身只是一种表示方式,不是字符串的一部分,因此:"abc" 只有a b c 这个三个字符

在""包括的字符串中可以直接使用'' ,反之同理!

alert( " 果果,'你好'啊! " );alert( ' 果果,"你好"啊! ' );

如果在""中包括双引,需要用反斜杠\" 单引号同理

alert( " 果果,\" 你好\ " 啊 ");alert('果果,\'你好\'啊');

用算术运算符 + 可以完成字符串拼接

alert("welcome" + "to" + "china");alert("welcome" + " " + "to" + " " + "china");

转义字符:\n换行

console.log("你好,\n今天去哪里玩呀!")

注意:“”和“ ” 不同,前者是空字符串,后者是空格字符串

alert("");alert(" ");

数字(Number)

JS不区分整数和浮点数,统一用number表示,以下都是合法的number类型

123; //整数0.456; //浮点数1.2345e6; //科学计数法-99; //负数NaN; //NaN表示Not a Number,当无法计算结果是用NaN表示

布尔值(Boolean)

boolean里面只有两个值:true/false,表示真或假,开或关

布尔值的意义:让计算机能够有逻辑的去判读事物

未定义(Undefined)

//undefined有两种结果

//1、真的没定义

alert(typeof b); //undefined

//2、定义了,但是没有放东西进去

var b;alert(b); //undefined

JS弱类型语言的特点总结:

变量必须有个明确的数据类型,否则是不规范写法(值是undefined)

变量的类型可以变:

var a = "tt";alert(typeof a); //stringa = 123;alert(typeof a); //number

变量只定义不赋值,就是undefined,undefined类型只有一个值undefined ,表示未定义或只声明未给值 的变量

直接输出一个未定义的变量会报错

对象(Object)

在ECMA-262中把对象定义为:“无序属性的集合,其属性可以包含基本值、对象、或者函数”。js中内置了如下的对象:

对象 说明

Object 是所有JS对象的超类(基类),JS中的所有对象都是继承自Object对象的

Array 数组对象--定义数组属性和方法

Number 数字对象

Boolean 布尔对象--布尔值相关

Error 错误对象--处理程序错误

Function 函数对象--定义函数属性和方法

Math 数学对象

Date 日期对象

RegExp 对象正则表达式对象--定义文本匹配与筛选规则

String 字符串对象--定义字符串属性和方法

后面的章节会详细讲解。

空( Null)

null表示一个空对象,“什么都没有”的意思,用来表示无值

通常用作一个空引用或一个空对象的预期,就像一个占位符

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200202A03JFI00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券