js基础篇 01 js基本内容 js输入输出语句 js变量 js数据类型

最新推荐文章于 2024-08-03 16:43:36 发布

LeyoBiang

最新推荐文章于 2024-08-03 16:43:36 发布

阅读量267

点赞数

分类专栏：前端文章标签： javascript js html html5

本文链接：https://blog.csdn.net/qilie_32/article/details/114004823

版权

前端专栏收录该内容

32 篇文章 0 订阅

订阅专栏

01 js基本内容 js输入输出语句 js变量 js数据类型

js基本内容

js书写位置

行内式

可以将单行或少量 JS 代码写在HTML标签的事件属性中（以 on 开头的属性），如：onclick
注意单双引号的使用：在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号
可读性差，在html中编写JS大量代码时，不方便阅读；
引号易错，引号多层嵌套匹配时，非常容易弄混；
特殊情况下使用

例子

<input type="button" value="点我试试" onclick="alert('行内式js')"/>

内嵌

可以将多行JS代码写到

例子

<body>
    <script type="text/javascript">
        alert('内嵌js');
    </script>
</body>

外联

利于HTML页面代码结构化，把大段 JS代码独立到 HTML 页面之外，既美观，也方便文件级别的复用
引用外部 JS文件的 script 标签中间不可以写代码
适合于JS 代码量比较大的情况

例子

<head>
    <script src="./js书写位置.js"></script>
</head>

alert('外联js')

js注释

语法和java一致

单行注释时用//

多行注释时用/**/

js输入输出语句

alert(String)

弹出一个小窗口，上面显示内容

console(String)

在浏览器的控制台中输出内容

prompt(String)

弹出一个小窗口，上面显示内容,并且可以输入内容，返回值是输入的内容

js变量

和之前学过的语言一样，语法是数据类型变量标识符

例子

var age;//声明
age=10;//赋值
var name='biang';//初始化

js数据类型

特性

变量是用来存储值的所在处，它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。JavaScript 是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。

在代码运行时，变量的数据类型是由 JS引擎根据 = 右边变量值的数据类型来判断的，运行完毕之后，变量就确定了数据类型。
JavaScript 拥有动态类型，同时也意味着相同的变量可用作不同的类型：

例子

var age = 10; // 这是一个数字型
var areYouOk = '是的'; // 这是一个字符串

var x = 6; // x 为数字
var x = "Bill"; // x 为字符串

分类

简单数据类型

Number,String,Boolean,Undefined,Null

Number

整型值和浮点型值

八进制前面加0 十六进制前面加0x

最大值最小值

例子

alert('最大值'+Number.MAX_VALUE); // 1.7976931348623157e+308
alert('最小值'+Number.MIN_VALUE); // 5e-324

特殊的值

例子

alert(Infinity); // Infinity无穷大,大于所有数值
alert(-Infinity); // -Infinity无穷小，小于所有数值
alert(NaN); // NaN 代表一个非数值

isNaN()函数

用来判断一个变量是否为非数字的类型，返回 true 或者 false

例子

alert('isNaN(NaN) '+isNaN(NaN)+
      '\nisNaN(1) '+isNaN(1));

Boolean

true、false 等价于1与0

布尔类型有两个值：true 和 false ，其中 true 表示真（对），而 false 表示假（错）。
布尔型和数字型相加的时候， true 的值为 1 ，false 的值为 0。

例子

console.log(true + 1); // 2
console.log(false + 1); // 1

String

字符串类型

字符串型可以是引号中的任意文本，其语法为双引号 “” 和单引号’’
推荐单引号

字符串引号嵌套

JS 可以用单引号嵌套双引号

例子

var strMsg = '我是"高帅富"程序猿'; // 可以用''包含""
var strMsg2 = "我是'高帅富'程序猿"; // 也可以用"" 包含'' 
alert('strMsg '+strMsg+
      '\nstrMsg2 '+strMsg2);

字符串转义符

其他语言也有的东西不值一提

字符串长度

例子

var strMsg = "我是帅气多金的程序猿！";
alert(strMsg.length); // 显示 11

字符串拼接

多个字符串之间可以使用 + 进行拼接，其拼接方式为字符串 + 任何类型 = 拼接之后的新字符串
拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串

我们经常会将字符串和变量来拼接，因为变量可以很方便地修改里面的值
变量是不能添加引号的，因为加引号的变量会变成字符串
如果变量两侧都有字符串拼接，口诀“引引加加 ”，删掉数字，变量写加中间

Undefined

var a；声明了变量a但是没有给值，此时a=undefined

例子

var variable;
console.log(variable); // undefined
console.log('你好' + variable); // 你好undefined
console.log(11 + variable); // NaN
console.log(true + variable); // NaN

Null

var a=null；空值

var vari = null;
console.log('你好' + vari); // 你好null
console.log(11 + vari); // 11
console.log(true + vari); // 1

复杂数据类型

object

获取检测变量的数据类型

通过typeof

例子

var num = 18;
console.log(typeof num) // 结果 number

通过chrome的console观察颜色

例子

在这里插入图片描述

数据类型转换

转换为字符串

toString()

String()强制转换

加号拼接字符串

例子

console.log(num.toString());
console.log(String(num));
console.log(num+"加号拼接字符串");

转换为数字型（重点）

parseInt(string)

parseFloat(string)

Number()强制转换

js隐式转换(- * /)

转换为为布尔型

Boolean()

代表空、否定的值会被转换为 false ，如 ‘’、0、NaN、null、undefined
其余值都会被转换为 true

例子

console.log(Boolean('')); // false
console.log(Boolean(0)); // false
console.log(Boolean(NaN)); // false
console.log(Boolean(null)); // false
console.log(Boolean(undefined)); // false
console.log(Boolean('小白')); // true
console.log(Boolean(12)); // true