这个系列的文章主要讲解JavaScript的常见用法,适合于初中级的前端开发人员,也可以对比TypeScript的系列文章来看。

先介绍JavaScript的变量与常见变量的函数,代码如下:

//变量常用函数
var i=3.1415926;
var ipoint2=i.toFixed(2);
console.log("小数点后取两位:"+ipoint2);
var i2=i.toPrecision(2);
console.log("总共取两位:",i2);
var i3=3.9;
console.log("取最近整数:"+Math.round(i3));
console.log("取最小整数:"+Math.floor(i3));
console.log("取随机生成数:"+Math.random());
//类型转换
var number=100;
var numberstr=number.toString();
if(typeof numberstr==="string"){
console.log("转换为字符串:"+numberstr);
}
var numberstring1="100";
var number1=Number(numberstring1);
if(typeof number1==="number"){
console.log("转换为数字:"+number1);
}
//空、null、undefined判断
var name="caojian";
var sex=null;
if(name){
console.log("你的名字是:"+name);
}
if(sex){
console.log("你的性别是:"+sex);
}
var names=["caojian","hcc"];
if(names){
for(var i=0;i<names.length;i++){
console.log("名字分别是:"+names[i]);
}
}
//数组操作
var arr=new Array();
arr.push("C#");
arr.push("Python");
arr.push("Java");
arr.push("TypeScript");
arr.pop();
console.log("被推出最后一个后改变原数组:"+arr);
arr.sort();
console.log("排序后改变原数组:"+arr);
var arrstr=arr.join(";");
console.log("数组使用连接符组合为字符串:"+arrstr);
var arr1=new Array();
arr1.push("HTML5");
arr1.push("JavaScript");
var arrarr1=arr.concat(arr1);
var arrarr1str=arrarr1.join(";");
console.log("两个数组连接后组合为字符串:"+arrarr1str);
arr.splice(0,2,"C#后端语言","Java后端语言");
console.log("从索引0开始替换2个元素为新值:"+arr);
var newarr1=arr.slice(2,3);
console.log("从索引2开始,取3-2个元素:"+newarr1);
var arrmap=arr.map(function(i){
return "语言:"+i;
});
console.log("投影每个元素进行操作:"+arrmap);
var newarr2=arr.filter(function(i){
return i[0]==="C";
});
console.log("元素开头字母为C的是:"+newarr2);
var allc=arr.every(function(i){
return i[0]==="C";
});
console.log("每个元素都是以C为开头:"+allc);
var somec=arr.some(function(i){
return i[0]==="C";
});
console.log("有元素是以C为开头:"+somec);
//常量
const animal={Category:"Cat",Age:20};
try{
animal.Age=21;
}
catch(error){
console.log(error.message);
}
finally{
console.log("更改常量的某个属性值后:"+animal.Category
+" "+animal.Age);
}
try{
animal={Category:"Cat",Age:22};
}
catch(error){
console.log(error.message);
}

欢迎加入QQ群讨论:573336726

01-JavaScript之变量的更多相关文章

  1. javascript中变量提升的理解

    网上找了两个经典的例子 var foo = 1; function bar() { if (!foo) { var foo = 10; } alert(foo); } bar(); // 10 var ...

  2. 【详解JavaScript系列】JavaScript之变量

    一  概述 本篇文章将讲解JavaScript中的变量,大致内容归结为: 1.变量定义 包括变量声明和变量初始化 2.变量种类 包括局部变量和全局变量 3.变量链式作用域及访问 二  内容 (一)变量 ...

  3. javaScript系列 [01]-javaScript函数基础

    [01]-javaScript函数基础 1.1 函数的创建和结构 函数的定义:函数是JavaScript的基础模块单元,包含一组语句,用于代码复用.信息隐蔽和组合调用. 函数的创建:在javaScri ...

  4. JavaScript 基础 (变量声明, 数据类型, 控制语句)

    创建: 2017/09/16 更新: 2017/09/24 更改标题 [JavaScript 概要]-> [JavaScript 基础] 完成: 2017/09/25 更新: 2017/10/0 ...

  5. javascript的变量作用域--对比js、php和c的for循环

    为什么要写这篇文章呢?主要是给自己提个醒,js的水很深,需要小心点儿才能趟过去,更何况自己不是专业人士,那就得更加小心了. 看下面的js代码: <!DOCTYPE html> <ht ...

  6. [转]深入理解JavaScript的变量作用域

    1.JavaScript的作用域链 2.函数体内部,局部变量的优先级比同名的全局变量高. 3.JavaScript没有块级作用域. 4.函数中声明的变量在整个函数中都有定义. 5.未使用var关键字定 ...

  7. JavaScript笔记:变量及其作用域

    一.变量的定义及声明 在javascript中变量仅仅是用来保存值的一个占位符而已,定义变量时要使用关键字var后跟一个变量名,如下所示: var message; //定义一个变量message,像 ...

  8. JavaScript中变量提升是语言设计缺陷

    首先纠正下,文章标题里的 “变量提升” 名词是随大流叫法,“变量提升” 改为 “标识符提升” 更准确.因为变量一般指使用 var 声明的标识符,JS 里使用 function 声明的标识符也存在提升( ...

  9. JavaScript中变量和函数声明的提升

    现象: 1.在JavaScript中变量和函数的声明会提升到最顶部执行. 2.函数的提升高于变量的提升. 3.函数内部如果用var声明了相同名称的外部变量,函数将不再向上寻找. 4.匿名函数不会提升. ...

  10. JavaScript 中变量、作用域和内存问题的学习

    这是我学习JavaScript的第二篇文章,之前做过几年的Java开发,发现JavaScript虽然也是面向对象的语言但是确实有很多不同之处.就本篇博客,主要学习总结一下最近学习到的JavaScrip ...

随机推荐

  1. haproxy的stick table复制

    在上一篇文章中,分析了haproxy的stick table特性和用法,其中特性之一也是很实用的特性是stick table支持在haproxy多个节点之间进行复制(replication). 本文仅 ...

  2. WP Super Cache+七牛云配置CDN加速,让你的网站秒开

    CDN加速网站是几乎所有的站长都在考虑的问题,CDN,全称是Content Delivery Network,即内容分发网络.所谓CDN加速,通俗的来说就是把原服务器上数据复制到其他服务器上,用户访问 ...

  3. Python基础教程3——教你用Python做个简单的加密程序(还基础什么呀,直接来练习吧,带源码)

    因为发现基础教程我之前推荐的那个网站就已经很完善了,就不重复写了,所以本汪来一起做练习吧. 一.加密原理 记得当时我学c++的时候,学到输入输出流的时候,当时王老师就教我们写了一个小的加密程序,所以这 ...

  4. Mybatis+Mysql插入数据库返回自增主键id值的三种方法

    一.场景: 插入数据库的值需要立即得到返回的主键id进行下一步程序操作 二.解决方法: 第一种:使用通用mapper的插入方法 Mapper.insertSelective(record): 此方法: ...

  5. Ameba读写分离_mycat分库分表_redis缓存

    1 数据库的读写分离 1.1 Amoeba实现读写分离 1.1.1 定义 Amoeba是一个以MySQL为底层数据存储,并对应用提供MySQL协议接口的proxy 优点: 配置读写分离时较为简单.配置 ...

  6. delphi GDI 图片压缩代码 据说是位图缩放保持原图视觉效果最好的算法

    delphi 图片压缩代码 据说是位图缩放保持原图视觉效果最好的算法 若有更好的,请大神留言我也学习下,感谢! uses WinAPI.GDIPAPI, WinAPI.GDIPOBJ; var  Bi ...

  7. Cesium polygon中的height和extrudedHeight的区别

    1.height参数:  多边形和椭球表面之间的距离(以米为单位). 2.extrudedHeight参数:  多边形的挤压面与椭球面之间的距离(以米为单位).

  8. 笔记:I/O流-文件操作

    Java库中使用 Path 和 Files 类封装了在用户机器上处理文件系统所需要的所有功能,可以使用Paths来获取一个具体的Path对象,来表示具体的路径. 路径 Path表示的是一个目录名序列, ...

  9. 教你怎么样在大陆直接使用google搜索

    一.环境准备 我们需要一个nginx的模块来进行设置,ngx_http_google_filter_module.前提我们是有一个海外的VPS,并且可以访问谷歌,我的VPS是亿速云香港的. 首先先感受 ...

  10. 设计模式 --> (11)桥接模式

    桥接模式 将抽象部分与它的实现部分分离,使它们都可以独立地变化. 适用性: 1.当一个对象有多个变化因素的时候,考虑依赖于抽象的实现,而不是具体的实现.如上面例子中手机品牌有2种变化因素,一个是品牌, ...