js、变量、标识符、字面量、数据类型
2017-12-01 22:37
197 查看
一、变量
javaScript中变量：javaScript中变量是松散的，这里松散意思是指可以用一个var 操作符来保存任何的类型的值//定义一个变量 var an = 12; //数值型或者Number类型 var str = "胖胖"; //字符串类型 var bool = false; //定义一个Boolean类型 //可以用一条语句定义多个变量 var an = 12, str = "胖胖", bool = true; var nameString = "小明"; //这里定义的是一个字符串类型 nameString = 12; //这里把值改成Number类型 // ps: 这样是可以的，但是不建议这样做 如果中途改变数据类型，这样会提高维护成本 var an; //会默认赋值为undefined // var an = undefined; //没有用var 操作符 而直接赋值的变量 nameString = "小明"; nameString; //报错 var nameString = "小红"; var nameString = "小明"; alert(nameString); //不建议重复定义一个变量 var nameString = "小明"; var nameString; alert(nameString); //打印小明
二、标识符
标识符：标识符是指变量名，函数名，属性名，参数名等 标识符由自己来定义 标识符的定义规则： 1：标识符的第一个字符必须是字母，下划线，美元符号； 2：但他其它的字符可以是字母，数字，下划线，美元符号； 3：不能把关键字，保留字作为标识符， 关键字就是现在已经被占用的词 保留字就是以后可能会被占用的词 4：javaScript中是区分大小写的 5：javaScript中的命名规范，一般使用驼峰法来命名,要见名思义
var nameString = "小明"; //var 6nameString = "小明"; //报错 标识符的第一个字符必须是字母，下划线，美元符号； var nameString$657567 = "小明"; //但他其它的字符可以是字母，数字，下划线，美元符号 alert(nameString$657567); // var if = "小红"; //不能把关键字，保留字作为标识符， // alert(if); // var long = "小明"; // alert(long); //这里可以，但是不建议，保留字以后可能会成为关键字 var an = "小明"; //javaScript中是区分大小写的 var An = "小红"; var userName = "小明"; alert(userName);
三、字面量
字面量：字面量就是一个值: 比如一个变量的值var an = 5; //数字字面量
// "小明" //字符串字面量
// true/false //boolean 字面量
// /\d+/ //正则表达式
// [14,89,65] //数组字面量表达式
// {name:"小明",age:18,sex:"男"} //对象字面量表达式四、数据类型
5种基本类型(原始类型)Number，String，Boolean，Undefined，Null
还有一个Object类型
function有时间，再写一篇
//typeof可以查看类型 // var num = 12; //Number类型 // alert(typeof num); //打印number; // var str = "小明"; // alert(typeof str); //打印string 字符串类型 // var bool = true; // alert(typeof bool); //打印boolean // var defin; // alert(typeof defin); //打印Undefined Undefined类型; // var an = null; // alert(typeof an); //打印object
五、Null类型
//Null类型类型只有一个值，它的值就是null ，它指向一个空对象 var an = null; //一般当我们不清楚变量存放的数据类型时 就可以给它赋值一个null; //var an; //不建议只声名不赋值
六、Undefined类型
//Undefined类型只有一个值，就是undefined; var defin = undefined; var defin; //这里默认会赋值undefined // alert(an); //报错 // alert(typeof an); //当页面没有定义变量 当用typeof查看类型时也不会报错，但会打印undefined //undefined类型是派生自Null的 所以undefined等于null var defin = undefined; var an = null; alert(an == defin); //打印true
七、String类型
//字符串：可以是引号里的任意文本，在javaScript中可以是单引号 也可以是双引号 // var userName = "小明"; // var userSex = '男'; //字符串的拼接 // var str = "大家好"; // var str1 = "我是胖胖"; // var str2 = str + str1; // var num = 10; // var str = "大家好，我是第"+num+"个同学";
八、Number类型
Number类型：可以分为两大类1：整数型：12 5 9 7 52
2：浮点型：1.2 59 6.6
3：还有个特殊值：NaN;
// var num = 12; // var num = 1.2; // var num = .2; //打印0.2 // var num = 2. //打印2 // MIN_VALUE和MAX_VALUE属性 // alert(Number.MIN_VALUE); //打印5e-324 最小值 // alert(Number.MAX_VALUE); //打印1.7976931348623157e+308; 最大值 // var num = 2e+308; // alert(num); //打印Infinity 无限大 //alert(0/0); //打印NaN； NaN就是Not a Number的意思 // var an = NaN; //alert(typeof an); //打印number； // alert(an == an); //打印false 不相等 // alert(an == 19); //打印false // ps:NaN与任何值都不相等，包括他自己 // isNaN()可以判断一个变量的值 是不是NaN; 不是判断是不是一个数字，而是判断是不是为NaN; var an = NaN; // alert(an == NaN); //打印false alert(isNaN(an)); //打印true 说明值是NaN
九、Boolean类型
//Boolean类型只有两个值 true和false; // var bool = true; // alert(typeof bool); //其它的类型的值都可以 转换成true 或者 false; // var str = ""; // var str = "小明"; // var bool = Boolean(str); //把字符串类型 转换成Boolean类型 // alert(bool);
十、数据类型的转换
数据类型的转换可以分为两种：显式转换(程序员写代码转换)
隐式转换(代码自动转换)
//显示转换
var bool = true; //打印1
var bool = false; //打印0
var num = Number(bool);
alert(num);
var num = 12;
var str = String(num);
alert(typeof str); //打印string;
alert(str);
//隐式转换
var str = "小明";
if(str){
alert("我不是一个空的字符串");
}else{
alert("我是一个空字符串");
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Keywords" content="关键字,关键词">
<meta name="Description" content="描述和简介">
<title>Title</title>
<style type="text/css">
*{margin:0;padding:0;}
body,ul,li,ol,dl,dd,p,h1,h2,h3,h4,h5,h6{ margin:0;}
a{text-decoration:none;}
img{border:none;}
ol,ul{list-style:none;}
</style>
</head>
<body>
<!--
js数据类型
查看数据类型 typeof
类型:
number 数字类型
string 字符串类型
boolean 布尔类型 (false true)
function 函数类型
object 对象类型(数组 json null空对象)
undefined 未定义
js中的判断
> < == >= <= != ===全等于 !==不全等
在判断的时候,值是Boolean 只有两个值 要么真,要么假
if(条件){执行语句}
小括号必须传值,且不能添加名字,即使里面传的值不是Boolean值,也会自动转成Boolean值进行判断
只有条件满足,才执行
if(条件){
执行语句
}else{
执行语句
}
-->
<div id="box"></div>
<script>
/*
//var a = 10;
//var a = "10";
//var a = true;
//var a = function (){};
//var a = document;
//var a = [1,2,3,4,5];
//alert( a[2] );
/* var json = {
name : "凌薇",
age : 18,
sex : "女"
};
//alert(json.age);
//var a = null;//空对象
//var a = undefined;
//alert( typeof a );
*/
/*
var a = 10;
a = 10;
//等价于
window.a = 10;
function dd(){
var c = 40;
};
function bb(){
var b = 30;
};*/
/*
var a = "瓜皮";
var b = "小生有礼了";
var c = 10;
var a = "瓜皮",
b = "小生有礼了",
c = 10;
注: 在同一层下,一个变量可以var多次,没必要的,后面赋值就可以了,如果 不在同一作用域下,那就需要var
*/
/* var a = "瓜皮";
a = "小生有礼了";*/
/* var a = 20;
aa();
function aa(){
//var a = 10;
alert(a);
};
bb();
function bb(){
//var a = 30;
alert(a);
};
*/
/*
//var a = 10;
//var b = "10";
//alert( a > b );//false
//alert( a < b );//false
//alert( a == b );//true 不比较数据类型
//alert( a >= b );//true
//alert( a === b );//false 比较数据类型
//alert( a !== b );//true
//注:
var a = "10.000";
var b = 10;
alert( a == b );//true 小数点后面多少个0,都会化成整数比较,除非后面不是0
*/
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Python--前端基础之JavaScript（JS的引入方式，JS的变量、常量和标识符，JS的数据类型，运算符，流程控制，JavaScript的对象）
- JS一起学03：js组成、下拉+text、字符串拼接、分号问题、数据类型、变量类型、作用域和闭包、命名、运算符、流程判断、调试、iNow、onchang
- Unit3 标识符、数据类型、常量变量和关键字
- Js中的数据类型和变量
- JAVA基础初探（一）核心概念（JVM,JDK,JRE）、流程控制语句、基本数据类型、关键字、标识符、常量与变量、类型转换、Debug处理
- 数据类型和运算符(标识符和变量)
- 黑马程序员——C语言基础-关键字、标识符、注释、数据类型、常量、变量
- Java基础知识（数据类型、标识符、变量、运算符和流程控制语句）
- 【js】day02_语法规范_标识符_数据类型_运算符_控制语句
- JS之数据类型和变量
- JS 数据类型转换-转换函数、强制类型转换、利用js变量弱类型转换
- JS基础篇：数据类型&变量命名规范
- JAVA_Day_02(注释 关键字 标识符 常量 进制转换 变量 数据类型 （类型转换））
- js变量数据类型分类
- Java基础知识（数据类型、标识符、变量、运算符和流程控制语句）
- 基本数据类型，声明符，类型修饰符，变量标识符
- JS魔法堂：函数重载 之 获取变量的数据类型
- JavaScript 数据类型 、JS 变量 、JS 对象
- java入门-标识符、关键字、基本数据类型、变量与常量、运算符
- Python笔记——基本语法:标识符、数据类型、变量、运算符及表达式/编码风格