JavaScript入门，js基础教学

JS入门

js的书写位置

1. 内嵌式
   使用的是Script标签，该标签可以写在html文档中的任何位置
   【强调】一般情况下，我们应该将其写在head标签中。

2. 外链式
   通过script标签的src属性，引入外部的js文件。

3. 常见错误写法：
   < script src=“js/demo.js”>
   alert(“看看能不能用”);
   < /script>
   不要在同一个Script标签中同时使用内嵌式与外链式。
   如果设置了src属性，Script标签中的内容就会被忽略。

4. 外链式的优点
   1.提高代码的复用性。
   2.提高网页的加载速度。

输出类型

1. alert 翻译：警报。
   用途：弹出警告框。
   格式：
   alert(‘弹出内容’);
   

2. console.log( );
   在控制台输出
   浏览器F12打开控制台
   

3. document.write(“输出内容”);
   在页面中输出。
   可以在（ ）里添加标签。
   示例：
   

语法

语句:
执行行为的语法结构和命令。
通俗的说：语句是为了完成某个目的而进行的操作。
语句以;结尾，一个分号就表示一个语句结束了。
可以将多个语句写在同一行，但是每个语句独占一行可以调高代码的可读性。
分号：
当存在换行时，分号可以省略，但是不推荐这样做，因为若js文件被压缩，会出现错误。

变量

变量是一个存放数据的容器，可以保存任何数据类型。

变量的定义和赋值

1. 定义（声明）。 使用var关键字来定义变量。 var 后面跟一个空格，然后是变量名。
2. 赋值。 = 等于赋值 将=右边的值赋给左边。

变量要先定义，再使用。

1. 声明变量，没有赋值，直接使用，不会报错，但是结果是undefined（未定义）。
2. 没有声明变量，直接使用，报错。

可以将声明与赋值写在一起。
示例：

标识符：
用户自定义的名字叫做标识符。变量名是标识符。函数名也是标识符。

1. 标识符可以由任一的大小写字母，数字，下划线_和美元符（$）组成，但是不能以数字开头.
2. 标识符区分大小写。强烈不建议使用同一个单词的大小写来区分两个变量。
3. 见名知意
4. 不要使用js的保留字与关键字

数据类型

八大数据类型：

• 数值 number 整数和小数 1 3.1415926
• 字符串 string ‘hello’ “word”
• 布尔值 boolean 真假 true false
• undefind：表示 未定义 或者 不存在。
• null：表示空值，表示变量的值为：什么都没有。
• 对象 object
• 数组 array
• 函数 function

原始类型（简单数据类型）：number string boolean
引用数据类型：object array function
特殊值：undefined null。

number类型

整数和浮点数（有理数）（无限不循环小数：无理数）
浮点数不是精确的值，涉及小数的计算和比较时一定要小心。
js内部，所有的数字都是以64位的浮点数形式存储的。
示例：

当Number里面的输出值不为数值，输出NaN。

特殊数值：NaN
not a number 这不是一个数字。主要出现在字符串转数字出错的场合。
NaN与任何数（包括自身）的运算，得到的都是NaN。

string字符串

字符串是由零个或多个排列在一起的字符，放在单引号或双引号之中。

单引号与双引号可以嵌套使用。
如果想要在双引号中使用双引号，可以再嵌套的双引号前面加反斜杠 /。

console.log("这是什么：\"这是你猜！\"");

转义：

• 一些特殊字符需要转义才能在js中使用。
  转义字符为：\
• \n 表示换行
• \ 表示\
• \t 制表符

操作字符串：

• str.length 长度
• str[下标] 获取单个字符。
• str.toUpperCase() 将英文字符专为大写
• toLowerCase()将英文字符专为小写
• indexOf:(“参数”)返回字符串中指定字符的位置（下标）。
• substring():返回指定区域的字符串
• str.substring(0,5)表示从下标为0的字符开始，到下标为5的字符结束，不包括结束字符。
  str.substring(1)表示从下标为1的字符开始，直到字符串结束。

str[下标] 获取单个字符。示例：

        var str;
        str = "张三法外狂徒";
        console.log(str[0]);

字符是从0开始表达第一个字符。

str.toUpperCase() 将英文字符专为大写
示例：

        var str;
        str = "helloword"
            // 小写转换为大写
        console.log(str.toUpperCase());

str.substring(2,4)表示从下标为0的字符开始，到下标为5的字符结束，不包括结束字符。
示例：

        var str;
        str = "这是一个字符串";
        // substrimg从零开始数第二个开始到第四个结束，
        console.log(str.substring(2, 4));

• indexOf:(“参数”)返回字符串中指定字符的位置（下标）。
• 示例：

 var str;
 str = "HELLOword";
 console.log(str.indexOf("w"));

w为HELLOword中的第五个元素输出5。

类型转换

特殊值、
null 空值
undefined 未定义 只声明未赋值时。
布尔值：
true false
只要用于流程控制语句。
类型检测 ： typeof
示例：

<script>
        var i = "s";//i 是属于string
        i=1; // 属于 number
        console.log(typeof i);
 </script>

检测为数值 number。

强制转换：
Number（） 将任意类型的值专为数字
数值：转换后仍然是原来的值
字符串：

• 可以解析，转换成相应的数值不可以解析，返回的是NaN “” 返回 0

布尔值：
true 1
false 0
null 0
undefined NaN

parseInt( )
字符串：将字符串转整数
数值：将数值取整数
parseFloat( )
将字符串转浮点数
示例：

        console.log(parseInt('12.12'));
        // parseInt输出数字数组，到不是数字结束，不能输出小数
        console.log(parseFloat("12.12"));
        // 可以输出小数。

String（ ） 将任意类型的值专为字符串。

Boolean（）将任意类型的值专为布尔值。

        console.log(Boolean(''));
        // 布尔值,非零即真

数值：非0即真。
字符串：’'为false，其他都为true

下面这五个值会转为false，其余都为true。

• 0
• null
• undefined
• “”
• NaN

自动转换
其他数据类型转字符串

• 任何类型的数据和字符串类型的数据做相加操作 （+）
  （+ ）并不是算数运算，而是字符串拼接。
  此时其他的数据类型会自动转为字符串。

其他类型转数字

• 除了字符串与数字做相加运算外，其他会自动转数字进行运算。
  NaN undefined 运算结果为NaN
  NaN与任何类型做运算都为NaN ，包括它自身。

示例：

        var str;
        str = 1 + "2";
        console.log(str);
        console.log(typeof str);

用户输入

prompt( )
prompt（title,[default]）
title 是给用户显示的文本。
[default] 中括号表示参数是可选的， default 默认值
点击取消会返回null
什么也不写，点击确定会返回 空字符串

confirm（问题）
点击确定返回 true 点击取消 返回false

示例：

        var str = prompt("请填写你的姓名", "");
        console.log(str);
        var str = confirm("请确认进入");
        console.log(str);