这个系列的文章主要讲解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. Python可视化库-Matplotlib使用总结

    在做完数据分析后,有时候需要将分析结果一目了然地展示出来,此时便离不开Python可视化工具,Matplotlib是Python中的一个2D绘图工具,是另外一个绘图工具seaborn的基础包 先总结下 ...

  2. [.Net Core] 简单使用 Mvc 内置的 Ioc

    简单使用 Mvc 内置的 Ioc 本文基于 .NET Core 2.0. 鉴于网上的文章理论较多,鄙人不才,想整理一份 Hello World(Demo)版的文章. 目录 场景一:简单类的使用 场景二 ...

  3. 设置ImageView显示的图片铺满全屏

    转自:http://m.blog.csdn.net/blog/wjwj1203/32334459   为适应不同屏幕的手机,ImageView显示的图片可能不铺满屏幕,如果定高的话,两边可能会出现空白 ...

  4. 与JavaWeb有关的故事(web请求与Java I/O)

    作为一名后端屌丝程序员,对算法.并发.性能乐此不疲.但是,随着年龄和阅历的增加,显然叶落而不知秋的心态是不太能混了.尤其是,某T面试官在明知我是后端,且明确表示对HTTP协议不太熟的情况下,强行让我解 ...

  5. springboot 整合 MongoDB 实现登录注册,html 页面获取后台参数的方法

    springboot简介: Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程.该框架使用了特定的方式来进行配置,从而使开发人员不 ...

  6. Spring依赖注入 — util命名空间配置

    要使用<util>标签,必须在XML中加入util名称空间(namespace): xmlns:util="http://http://www.springframework.o ...

  7. bat脚本:windows下一键启动zookeeper+kafka

    bat脚本:windows下一键启动zookeeper+kafka 把下面两行代码存为bat文件,双击执行即可.注意更改相应的目录 这里用ping来控制时间(先zookeeper,ping 4 次后 ...

  8. linux(ubuntu)环境下安装及配置JDK

    安装完IDEA之后遇到了问题,发现jdk安装完之后配置环境变量好困难,下面总结一下我的安装及配置方式: JDK下载链接:http://download.oracle.com/otn-pub/java/ ...

  9. 2017总结&2018展望

    2017已逝2018已来,是时候放下包袱来好好回顾下2017做了什么,有什么收获,遗憾之处的原因是什么.2018应该怎么做才能让自己满意,才能少一些遗憾. 2017 工作 工作中所参与的项目是一个直播 ...

  10. es6学习笔记--promise对象

    Promise对象是为了简化异步编程.解决回调地狱情况 Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果.从语法上说,Promise 是一个对象,从它可 ...