JS程序的基本语法

1,JS是区分大小写的,如:Name和name是不同的;
2,JS中每一条语句,一般以英文的分号(;)结束,在Java中是严格地一定要加上分号,不然会报错;但在JavaScript中并不是必要的,为了向PHP兼容,最好每条语句加上分号结束
3,运算符和变量,以及操作之间可以使用空格分开,这样的程序较容易阅读。(个人偏向不加空格,因为编辑器对不同的内容有颜色区分,vsCode中使用“SHIFT”+“ALT”+“F”格式化全内容时会自动加上空格,写代码的时候不用加空格)
var a = 100; 和 var a=100;是一样的

变量

1,变量是临时存储数据的容器;
2,变量就是一个“代号”;用变量来代替一个值,用变量进行各种运算;
3,对变量的运算,就是对变量中数据的运算;
4,不同的数据有不同的运算方式,如:数值型只能进行算术运算,字符型数据进行连接运算;
5,只有同类型的变量,才能进行运算,如果类型不同,要进行转换,转成相同类型;
变量的命名规则
1,变量的名字是自己定义的,想起什么名字都行,但一般会起有意义的变量名;
2,变量名只能是字母,数字,下划线,这三类字符;
3,变量不能以数字开头,但可以以字母或下划线开头;
4,变量名不能是系统关键字,如:var,else,if,switch等;
变量的赋值
1,就是给变量的这个“容器”装点东西;
2,赋值使用“=”符,对变量进行赋值,如:var name=“张三”;
3,"="称为“赋值号”,而不是等号,“=”它的含义不是等于,而是赋值;所谓赋值:就是将“=”右边的运算结果,赋给左边的变量;
“=”左边只能是变量名,而不能是运算表达式(左边不能运算)。
例:a=10+20;(正确的) a-10=20;(错误,左边不能运算)
注意:用var关键字声明的变量,此变量的类型十分广,但赋值时用的值有具体的类型,这时变量的类型对应着值的类型;
例:var a;//此时声明的变量没有类型
var b=a+10;//这行没有结果,因为a没有类型,同类型的数据才能运算,a+10此时无法运算,b也就没有结果

变量的类型----就是数据类型

变量的数据类型有:数值型,字符型,布尔型,未定义型,空型,数组,对象,函数
变量的数据类型分两大类:
基本数据类型:**数值型,字符型,布尔型,未定义型,空型,**很显著的特点:一个变量名只能存一个值;
例:var a=10;
复合数据类型数组,对象,函数,显著的特点:一个变量名:可以存多个值;
var a=[10,20,30,40];

1,数值型:变量能进行数学运算的

数值型包括:整型,浮点型,NaN;
数值型中还有一个很特殊的值NaN,NaN(not a number)不是一个数字,当将其它数据类型,转成数值型,转不过去,但程序又不能报错,这时将返回一个NaN的值;
//假设想让一个<div>的宽度变成原来的2倍宽,
var width = “300px”;//"300px"为字符串
//一般地,字符串是不能转成有意义的数值,常常会转成NaN,
//一个含有字母的数值字符串,转成数值后变成NaN,如:“300px”–>NaN
//但是一个纯数字的字符串,可以转成有意义的数值,
如:“100”–>100

2,字符型:用单引号或双引号,引起来的一个字串

例:var a=“我是个字符串”;
var b=‘我是个字符串’;
var c="";//空字符串

window.alert(“HTML超文本标注语言\nCSS层叠样式表\nJavaScript脚本程序”);//注意:此弹窗的内容不经过<body>仅属于JS,因此不会编译HTML中的标记,而document.write(str);
str中的内容将放到<body>中,自然会编译HTML标记;

3,布尔型(true,false)

布尔型又称逻辑型,只有两个值:true(真),false(假);
表示逻辑上的真与假;布尔型只有两个状态,如:性别,婚否,灯的开关,是否加入黑名单等;
var a=true;
var b=false;


4,未定义型(undefined)

当一个变量定义,但未赋值时,将返回未定义型,未定义型的值只有一个undefined
当一个对象的属性不存在时,也返回未定义型;

5,空型(null)

当一个对象不存在时,将返回空型,空型的值只有一个null;
也可以理解为:是一个对象的占位符;
如果你想清除一个变量的值的话,可以给它赋一个null
var a=100;
var a=null;//将一个null赋给一个变量,用于清除它的值,此时相当于没有a对象了;

数据类型转换

变量的类型转换,一般情况下JS自动转换,但也有时候需要手动转换,同一类型的数据之间才能进行运算;
1,其它类型转成布尔型

2,其它类型转成字符型


3,其它类型转成数值型


parseFloat()系统函数

@沉木

前端:JS/17/前篇总结(JS程序的基本语法,变量),数据类型-变量的类型(数值型,字符型,布尔型,未定义型,空型),数据类型转换,typeof()判断数据类型,从字符串提取整数或浮点数的函数相关推荐

  1. Python判断不可变对象(字符串,整数,浮点数,数组)相等的办法以及其底层实现原理

    Python判断不可变对象(字符串,整数,浮点数,数组)相等的办法以及其底层实现原理 Python中,判断不可变对象是否相等与Java十分不同. 结论 Python中判断两个字符串相等:既可以使用&q ...

  2. 从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十五 ║ Vue前篇:JS对象字面量this

    缘起 书接上文<从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十四 ║ VUE 计划书 & 我的前后端开发简史>,昨天咱们说到了以我的经历说明的web开发经历的 ...

  3. 字符串与整数、浮点数、无符号整数之间的转换常用函数

    atof(将字符串转换成浮点型数) 表头文件 #include 定义函数 double atof(const char *nptr); 函数说明 atof()会扫描参数nptr字符串,跳过前面的空格字 ...

  4. 5.4 判断两个字符串是否互为旋转词(find函数)

    [题目]     对字符串的旋转操作描述如下:      例如: str = "123456" str的所有旋转词为:"123456","234561 ...

  5. 前端牛客网刷题总结【 JS基础变量、数据类型、数据类型转换、运算符等】

    1.JavaScript是解释性语言.正确.体现在JS文件在完成之后,不会经过任何的编译.而是在运行时去解释执行.最好的例子就是,JS中一个函数有语法的错误,但是不会因为这个局部的错误而影响其他函数运 ...

  6. 【JavaScript系列】JS基础语法_从变量到数组一网打尽_有教程有实战

    [JavaScript系列]基础语法_从变量到数组一网打尽_有教程有实战 JavaScript基础语法目录 基础语法 延迟和异步脚本 变量 数据类型 数据类型简介 简单数据类型与复杂数据类型 栈和堆 ...

  7. JS基础笔记(一)2强制数据类型转换

    2.强制数据类型转换 指将一个数据类型强制转换为其他的数据类型 类型转换主要指,将其他的数据类型,转换为 String Number Boolean 其他数据类型转换String 方式一: -调用被转 ...

  8. python实现isodd()函数、参数为整数_实现isodd()函数,参数为整数,如果政务为奇数,返回True,否则返回Flase。_学小易找答案...

    [单选题]具有减轻头骨重量.温暖和湿润空气及对发音起共鸣作用的结构是 [单选题]呼吸环节不包括 [单选题]鼻腔内对气味敏感的黏膜区是 [单选题]腹腔分区中,属于腹中部的是 [单选题]下列属实质器官的是 ...

  9. (:◎)≡前端学习之CsS篇

    前端学习之CSS篇 1.CSS简介 2.CSS语法规范 3.CSS选择器 (1)标签选择器 (2)类选择器 (3)id选择器 (4)通配符选择器 (5)选择器总结 4.CSS字体属性 5.CSS文本属 ...

最新文章

  1. BZOJ 4555 [Tjoi2016Heoi2016]求和
  2. C# struct 装箱拆箱例子
  3. php的setinc方法,thinkphp3.2.0 setInc方法 源码全面解析
  4. php $_server[remote_addr];,php – 如何伪造$_SERVER [‘REMOTE_ADDR’]变量?
  5. 在 里面_适合县城里面加盟的鞋店推荐
  6. java开发和android开发_浅谈Java开发和Android开发的不同
  7. 游戏模型提取_腾讯手Q游戏中心的个性化推荐实战
  8. 【车标识别】基于SIFT算子的车标识别算法matlab仿真
  9. 建造者2全部岛屿_勇者斗恶龙建造者2全流程攻略介绍 通关流程攻略分享 蒙佐拉岛-游侠网...
  10. 机器学习-随机森林之回归
  11. 2020秋招提前批--大疆--机器学习算法工程师--线上笔试题
  12. 11月第5周业务风控关注|重磅!瓜子二手车“遥遥领先”被罚天价1250万
  13. 网箱补网水下机器人电控调试日志-驱动水下推进器-Day1
  14. 详解什么是软件企业认定
  15. SpringBoot整合Shiro详细用法
  16. 33个机器学习常用数据集
  17. 支持向量机SVM(1)——间隔最大化
  18. 成都宁源鑫成:拼多多优惠券的使用窍门
  19. 新浪sae平台wordpress中Buddypress插件上传头像问题
  20. 360网页服务器的根目录,360浏览器收藏夹路径在哪里

热门文章

  1. CCF201612-2 工资计算(100分)
  2. 微信小程序调试之【不在以下合法域名列表中】
  3. 自动安装虚拟机之网络安装和pxe安装
  4. Directx11教程(65) 渲染到纹理
  5. Learning to Rank入门小结 + 漫谈
  6. MOSS2007服务器端的安装与基本配置
  7. 网络工程师考试2005年上半年下午试题解析(二)
  8. 大屏监控系统实战(7)-后端整合MybatisPlus并暴露服务
  9. idea导入项目无法通过tomcat插件无法运行记录
  10. linux改变文件所属用户和组