夜光带你走进前端工程师（二十六 jS ）

最新推荐文章于 2019-06-01 18:15:57 发布

GeniusTeam-夜光

最新推荐文章于 2019-06-01 18:15:57 发布

阅读量178

点赞数

分类专栏： My thoughts 前端工程师 JS核心技术文章标签： js

本文链接：https://blog.csdn.net/weixin_41987706/article/details/90690762

版权

My thoughts 同时被 3 个专栏收录

911 篇文章 25 订阅

订阅专栏

前端工程师

48 篇文章 0 订阅

订阅专栏

JS核心技术

23 篇文章 1 订阅

订阅专栏

夜光序言：

用你的笑容去改变这个世界，别让这个世界改变了你的笑容。

正文：

JS书写位置

书写位置十分自由

也可以参照css的位置来分类

1.10.1 行内式

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button οnclick="alert('夜光')"></button>
</body>
</html>

//点击一下按钮会弹出对话框

<button οnclick="alert('夜光')">open</button> 外双内单的情况

//只可以用单引号

但是出现了包裹的情况下外双内单的情况会报错

//就近原则

1.10.2 内嵌式

<script type="text/javascript">

</script>

//可以放在任何地方

1.10.3 外链式

<script src="my.js" type="text/javascript"></script> //中间不可以写任何东西

//倘若文件比较多可以用这种方法单独写js文件

//中间不可以写任何东西外链式不可以写都是用的jS文件不用写，嘿嘿

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script>
        function fun() {
            alert("夜光");           //函数执行嘿嘿帅气

        }
    </script>
</head>
<body>
<button οnclick="fun();">go top</button>     //一点进去执行一个函数
</body>
</html>

//这种写法用的比较多嘿嘿

数据类型

jS的数据类型：

字符型

数值型

布尔型

Null

Undefined

【基本数据类型】

Js是一种弱数据类型

Var a=10;

JS的变量你给什么值，他就是什么数据类型

1:运用 “”【双引号】

加了引号的都是数据类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    var text="欢迎夜光";
    console.log(text);
    console.log(typeof text);
</script>
</body>
</html>

//string 类型

2：运用String 转换字符型

console.log(typeof String(num));

//强制转换成数值型

1.11.2 布尔型

True false

就两个值

数据类型转换成布尔型：

1：！！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    var num=10;
    console.log(typeof !!num);  //强制转换成布尔型
</script>
</body>
</html>

// console.log(typeof !!num);强制转换成布尔型

2：运用 Boolean()

a++ / a=a+1

一样么看个情况

var q="0"; //双引号 q是字符型
q++;
console.log(q);

   var q="0";
/*    q++;*/
    q=q+1;
    console.log(q);

//字符型 q=q+1; 形成01

嘿嘿

1.11.3 数值型

Var num= 10;

<script>
var num = 020; //数值前面加0 表示八进制

console.log(num);
</script>

//数值前面加0 表示八进制 0*8^0+2*8^1=16

Var a=0xb; //11 b十六进制11

0x表示十六进制

JS 小数会出现溢出位，尽量避免小数

转换为数值型：

1：运用 - * / 都可以转化除了+

var result="20"; //字符型加了引号
var aa=result-10;
console.log(typeof aa);

//输出10

转换成数值型

2：运用Number()

Js PARSEINT

1.11.4 ParseInt() parseFloat()

ParseInt(值，进制)

<script>
console.log(parseInt(19.11));
console.log(parseInt(19.99));
</script>

<script>
    console.log(parseInt(19.11));   //19
    console.log(parseInt(19.99));             //19
    console.log(parseInt("25px"));           //25
</script>

就是取整数 19/19/25 整数取出来

Not a number [NaN]

ParseInt(值，进制)

ParseInt(10，2) //输出2

把10这个二进制转换成10进制 //厉害

0*20+1*21= 2

ParseInt(110，2)

0*20+1*21+1*22=6

面试的时候不一定有结果会算就可以了

面试题：

Var a=”15.15abc”,b=”10.15”,c=”10.0abc”;

Alert(parselnt(a)+Number(b)+parseFloat(c));

//输出35.15

GeniusTeam-夜光

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
夜光带你走进前端工程师（二十六 jS ）

夜光序言：用你的笑容去改变这个世界，别让这个世界改变了你的笑容。正文：JS书写位置书写位置十分自由也可以参照css的位置来分类1.10.1 行内式<!DOCTYPE html><html lang="en"><head><meta cha...
复制链接

扫一扫