您的位置：首页 > Web前端 > JavaScript

JS基础及编写第一个JS程序

2017-08-26 11:15 281 查看

1.导入JavaScript标签

<script type=“text/javascript”></script>

2.在标签中间写js代码

alert(“hello world!”) ;
document.write(“亲，我在页面上，跟alert不一样噢！”);
console.log(“我是在控制台打印的, 以后常用我！”);

3.标签

script标签可以出现多次, 且可以出现在html文件的任何地方, 建议写在<head></head>之间; 另外,同一个文件中Javascript和HTML代码, 它们的执行顺序都是自上而下，谁在前就谁先执行, 谁在后就后执行.

4. JavaScript的注释

单行注释: //,    多行注释 /* */

5.外部javaScript文件引入方式

<script type="text/javascript" src="demo1.js" ></script>

注意：

不可以使用单标, 以下是不正确的写法

<script type="text/javascript" src="demo1.js“/ >

在引入了外部文件的标签中写代码会无效, 下面的alert()不会执行

<script src=“demo1.js”>alert(‘xxxx’)</script>

script标签的属性:
src 表示要引入的外部文件
type 表示脚本语言的类型

6.JS定义变量

var age;       //var 是关键字，age是变量名

JS是弱数据类型的语言，容错性较高, 在赋值的时候才确定数据类型

var b；           //temp时啥数据类型？不确定
b = 12;            //temp变量是数字类型
b = “hello”;      //temp变量变成了字符串类型
console.log(typeof b);

7.变量的命名规范

变量名可以是数字,字母,下划线_和美元符$组成;
第一个字符不能为数字
不能使用关键字或保留字
标识符区分大小写，如：age和Age是不同的变量。但强烈不建议用同一个单词的大小写区分两个变量。
变量命名尽量遵守驼峰原则: myStartDemo
变量命名尽量见名知意

8.JS数据类型

Boolean: 布尔类型
Number：数字（整数int，浮点数float）
String：字符串
Array：数组
Object：对象
特殊数据类型 Null、Undefined

typeof 操作符:用来检测变量的数据类型

==对于值或变量使用 typeof 操作符会返回如下字符串: ==
Undefined数据类型的值为:  undefined  未定义
Boolean数据类型的值为:  boolean     布尔值
String数据类型的值为:  string         字符串
Number数据类型的值为:  number       数值
Object数据类型的值为:  object          对象或者null
Function数据类型的值为:  function      函数

Null 类型:

Null 类型是一个只有一个值的数据类型，即特殊的值 null。它表示一个空对象引用(指针)，而 typeof 操作符检测 null 会返回 object。

NaN：非数值(Not a Number)是一个特殊的值

这个数值用于表示一个本来要返回数值的操作数未返回数值的情况(这样就不会抛出错误了)。比如，在其他语言中, 任何数值除以 0 都会导致错误而终止程序执行。但在ECMAScript中，会返回出特殊的值，因此不会影响程序执行。

ECMAScript 提供了 isNaN()函数，用来判断这个值到底是不是 NaN。isNaN()函数在接收到一个值之后，会尝试将这个值转换为数值。

9.JS运算符

算术运算符 (+，-, *, /, %(取余数))

字符串和变量的拼接(+)

关系运算符 <、>、<=、>=、、=、!=, !==

逻辑运算符 && 与(且)、|| 或、! 非 -赋值运算符 a+=10; =、+=、-=、*=、/=、%=

自增、自减 a, a, --a, a--

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript 变量数据类型运算符命名规范

相关文章推荐

新的分享

章节导航