初识JS

最新推荐文章于 2022-09-21 23:41:41 发布

莓莓儿～

最新推荐文章于 2022-09-21 23:41:41 发布

阅读量398

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/fanfan_h/article/details/90411969

版权

JS 专栏收录该内容

49 篇文章 10 订阅

订阅专栏

JS的组成：由ECMAscript（语法），Browser,objects(DOM ,BOM特性)组成的.
JS的注释与分号：
// 单行注释
/* */ 多行注释
；语句结束加分号

JS的功能：
数据交互,特效,表单验证, 正则表达式
JS的语法：
ECMAscript中的一切(变量，函数名，运算符，关键字，对象属性)都区分大小写。
JS的标识符：

定义：变量，函数，属性的名字，或者函数的参数。
命名规则：
《1》：由字母，数字，下划线（_）或美元符号组成；
《2》：不能以数字开头；
《3》：不能使用关键字，保留字等作为标识符；
JS的脚本及使用方法：
HTML 中的脚本必须位于标签之间。
脚本可被放置在 HTML 页面的和部分中。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        //代码
    </script>
    <script type="text/javascript" src="./js/index.js"></script>
</head>
<body>
<script type="text/javascript">
    //代码
</script>
<script type="text/javascript" src="./js/index.js"></script>
</body>
</html>

JS变量的声明和赋值

变量声明：要用var操作符语法：var变量
变量赋值：
声明的同时赋值：var 变量名=值
先声明后赋值：变量名=值

注：
1:一次声明多个变量，用逗号隔开，如
var id ,sex,age,name=“marry”;
2.省略var 的声明是全局变量
3.不推荐省略var定义的全局变量；

 <script>
       //声明保存用户名的变量
       var name_01;
       name_01="marry"；
       //声明变量保存年龄的变量
       var age=18;   //声明的同时赋值
       //声明变量保存邮箱
      var email="823477846@qq.com";
       //一次声明多个变量
      var name_01="marry",age=18,email="823477846@qq.com",address,setting=null;          //address就为undefined类型

变量的数据类型
js里面的数据类型：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol
引用数据类型：对象(Object)、数组(Array)、函数(Function)。
typeof ：检测变量的数据类型
语法：typeof 变量或 typeof（变量）
返回值：string 类型

Undefined 和 Null：
Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。
Number类型：
Number：表示整数和浮点数
NaN：表示为非数值
（1）.<isNaN()>
语法：isNaN(n)
功能：检测n是否为非数值；
返回值：true / false;
说明：isNaN（）对接收的数值，先尝试转换为数值，在检测是否为非数值。
（2）数值转换
3个函数可以将非数值转化为数值:
Number() ,ParseInt(),parseFloat().
说明：
Number():可以用于任何数据类型
ParseInt(),parseFloat()：将字符串转化成数值；
String类型
字符串（String）使用长度属性length来计算字符串的长度：
字符串可由（“”）或（‘’）表示；
Boolean类型
表示为布尔型数据，取值为true 或 false ——>逻辑真或假，且任何时候只能使用两种状态中的一种，不能同时出现。
注·：console.log() :表示打印台显示内容；

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
   <script>
       //声明保存用户名的变量
     /*  var name_01;
       name_01="marry";*/
       //声明变量保存年龄的变量
     //  var age=18;   //声明的同时赋值
       //声明变量保存邮箱
     //  var email="823477846@qq.com";
       //一次声明多个变量
       var name_01="marry",age=18,email="823477846@qq.com",address,setting=null;//address就为undefined类型
       var distance=12.67980;
       var id="16";
      console.log(typeof (distance));     //在控制台打印
      console.log( typeof  (name_01));   //typeof 检测name_01变量的类型 (字符串string或数字number...)
       console.log(age-3)
      console.log(age-"abc");          //age-"abc"为非数值，结果为NaN;
       console.log( typeof (age-"abc"));
       console.log(isNaN(email));  //检测age是否为非数值
       console.log( isNaN(id));
       id=Number(id);
       name_01=Number(name_01);
       console.log( typeof(id));
       console.log( name_01);
       var topVal="28px";
       topVal=parseInt("28px");
       console.log(topVal);
       var c=parseInt("abn58");
       console.log(parseInt(c));// 字符串的第一个字符必须为数字才可以提取出数字，否则结果为NaN
       console.log(parseInt("0xf",16)); //将"oxf"转化为16进制。
       var d=parseInt("12.34px");  //打印出整数
       console.log(d);
       var d=parseFloat("12.34px");  //打印出浮点数
       console.log(d);
       var d=parseFloat("12.34.56px");  //打印出浮点数,结果为12.54,只有第一个小数点有效
       console.log(d);
       var e=parseInt("0123"); //打印出结果为123，忽略0
       console.log(e);
       var e=parseFloat("0123"); //打印出结果为123，忽略0
       console.log(e);
       var msg='hellow world';//字符串引用必须加引号
       var ids=78965;
       var idstr=ids.toString();//将数字类型转换为字符串
       console.log(idstr);
       console.log(typeof idstr);  //将数字类型转换为字符串 结果为string
       console.log(typeof String(ids));   //用String这个函数直接转化为字符串
       var m;
       console.log(String(m));
       //Boolean类型
       var isStudent=true;
       var isChild=false;
       console.log(typeof isStudent);
       console.log(isChild.toString());  //转化为字符串
       var x=1123;
       x=Boolean(1123);
       console.log(Boolean(x));
       var string="welcome";  //字符串转化后为true
       console.log(Boolean(string));
       var y=0;  //0转化后结果为false
       console.log(Boolean(y));
       var z;
       console.log(Boolean(z));
       var n="";
       console.log(Boolean(n));
       var strings=null;   //null和undefined转换为布尔型的值为false
       console.log(Boolean(strings));


   </script>
</body>
</html>

莓莓儿～

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
初识JS

JS的组成：由ECMAscript（语法），Browser,objects(DOM ,BOM特性)组成的.JS的注释与分号：// 单行注释/* */ 多行注释；语句结束加分号JS的功能：数据交互,特效,表单验证, 正则表达式JS的语法：ECMAscript中的一切(变量，函数名，运算符，关键字，对象属性)都区分大小写。JS的标识符：定义：变量，函数，属性的名字，或者函数...
复制链接

扫一扫