JavaScript 基本用法


JS 需要和HTML 一起使用才有效果,我们可以通过直接或间接的方式将JS 代码嵌入在
HTML 页面中。
行内JS : 写在标签内部的js 代码
内部JS : 定义在script 标签内部的js 代码
外部JS : 单独的js 文件,在HTML 中通过script 标签引入
我们可以将JavaScript 代码放在html 文件中任何位置,但是我们一般放在网页的head 或
者body 部分。由于页面的加载方式是从上往下依次加载的,而这个对我们放置的js 代码运行
是有影响的。
放在<head>部分,最常用的方式是在页面中head 部分放置<script>元素,浏览器解析
head 部分就会执行这个代码,然后才解析页面的其余部分。
放在<body>部分,JavaScript 代码在网页读取到该语句的时候就会执行。
行内:
<button onclick="alert('you clicked hered!!!')">click here</button>
内部
<script type="text/javascript" charset="utf-8">
alert('this is inner js code')
</script>
外部:
hello.js
alert('this is a outter js document')
hello.html
<script src="js/hello.js" type="text/javascript" charset="utf-8"></script>

一、语句和注释
JavaScript的执行单位为行,也就是程序一行一行的执行,一般情况下,一行就是一个语句

和JavaSE差距不大,都是以";"结束语句

但若是表达式的话,不需要谈加分号,一旦添加了分号系统会默认为语句(会造成成无意义语句)

单行注释:用//起头;

多行注释:放在/* 和 */之间。

兼容html注释方式:<!-- -->

二、标识符、关键字

由Unicode字母、_、$、数字组成、中文组成

(1)不能以数字开头

(2)不能是关键字和保留字

(3)严格区分大小写
规范:

见名知意  驼峰命名/下划线规则

关键字也称保留字,是被JavaScript征用来有特殊含义的单词 arguments

三、变量

1.变量的声明JavaScript是一种弱类型语言,在声明变量时不需要指明数据类型,直接用car修饰符进行声明

1)变量的声明和赋值

// 先声明再赋值 var a ; a = 10; // 声明同时赋值 var b = 20;
2.) 变量的注意点

若只声明未赋值,则该变量的值为Undefinde -----  [var box ;]

变量存在即有它存在的意义,若未声明就调用,JavaScript会报错,告诉你变量未定义----[max = 100;]

可以在同一条var命令中声明多个变量。---[var a, b, c = 10;]

若使用var重新声明一个已经存在的变量,是无效的。----[var box = 10    var box]

若使用var重新声明一个已经存在的变量且赋值,则会覆盖掉前面的值-----[var box = 10]

JavaScript是一种动态类型、弱类型语言,也就是说,变量的类型没有限制,可以赋予各种类型的值。-----[ var box = ‘hello world’ box = 122]

typeof操作符
typeof操作符是用来检测数据类型。对于值或变量使用typeof操作符会返回如下字符串:
字符串 描述 undefined 未定义     boolean 布尔值      string 字符串     number 数值     object 对象或     null function 函数
说明:

1、typeof null 返回的是object字符串
2、函数不是数据类型,但是也可以使用typeof操作符返回字符串。
typeof操作符可以操作变量也可以操作字面量。
注意:函数在JavaScript中是对象,不是数据类型,所以使用typeof区分function和object是有必要的

undefined
undefined类型的值是undefined。
undefined 是一个表示"无"的原始值,表示值不存在。
出现undefined的常见情况:
1)当声明了一个变量而没有初始化时,这个变量的值就是undefined var box; alert(box);//undefined
2)调用函数时,该函数有形参,但未提供实参,则该参数为undefined。 function noData(a) { //js函数形参只需要变量名即可 console.log(a);//undefined } noData();
3)函数没有返回值时,默认返回 undefined。 var re = noData();//参考上面的noData函数 console.log(re);
3. null

布尔类型
布尔类型有两个值:true、false。常用来做判断和循环的条件

数值型
数值型包含两种数值:整型和浮点型。
1)所有数字(整型和浮点型)都是以 64 位浮点数形式储存。所以,JS中1 与 1.0 相等,而且 1 加上 1.0 得到的还是一个整数。浮点数最高精度是17位小数,由于浮点数运算时可能不精确,尽量不要使用浮点数做判断。
2)在存储数值型数据时自动将可以转换为整型的浮点数值转为整型。
3)对于过大或过小的数值,可以使用科学计数法来表示

字符串
使用 ' ' 或 " "引起来,如:'sxt',"good"。
使用加号’+’进行字符串的拼接,如:console.log('hello' + ' everybody');
1)转义符:记住常用即可。 \0 代表没有内容的字符(\u0000) \n 换行符(\u000A) \t 制表符(\u0009) \' 单引号(\u0027) \" 双引号(\u0022)

对象
对象是一组数据和功能的集合。
typeof window // "object"
typeof {} // "object"
typeof [] // "object"
typeof null // "object"
说明:
{}:表示使用对象字面量方式定义的对象。空的大括号表示定义包含默认属性和方法的对象。
instanceof 运算符
typeof操作符对数组(array)和对象(object)的显示结果都是 object,那么可以利用instanceof 运算符,它可用于判断一个变量是否某个对象的实例。 var o = {}; var a = []; o instanceof Object// true,Object是对象构造 a instanceof Array // true,Array是数组对象

函数 function f() {} typeof f //function

 

posted @ 2019-08-01 22:42  逍yao客  阅读(332)  评论(0编辑  收藏  举报