首页 > 编程语言 >JavaScript

JavaScript

时间:2022-12-05 19:55:06浏览次数:36  
标签:case 代码 JavaScript break let var day

JavaScript

JavaScript 是 Web 的编程语言。

JavaScript 是脚本语言

JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
JavaScript 很容易学习。

JS基础

1.注释语法
	// 单行注释
	/*多行注释*/    
2.引入js的多种方式
	1.head内script标签内编写
	2.head内script标签src属性引入外部js资源
	3.body内最底部通过script标签src属性引入外部js资源(最常用)
	ps:注意页面的下载是从上往下的 所以操作标签js代码一定要等待标签加载完毕再执行才可以正常运行        
3.结束符号
	分号(很多时候不写也没问题)

变量与常量

"""
1.pycharm创建js文件或者html文件(适合编写较为复杂的js代码)
2.浏览器提供编写js代码的环境
"""
在js中声明变量需要使用关键字
	var
    	var name = 'jason';
 	let
    	let name = 'tony';
	ps:let是ECMA6新语法 可以在局部定义变量不影响全局
在js中声明常量也需要使用关键字
	const 
    	const pi = 3.14;

基本数据类型

"""
在JS中查看数据类型的方式 typeof
"""
1.数值类型(Number)
	在JS中整型与浮点型不分家 都叫Number
	NaN也属于数值类型 意思是:不是一个数字(Not A Number)
        
2.字符类型(String)
	单引号		'jason'
 	双引号		"jason"
  	模板字符串  `jason`
	 let name1 = 'jason'
    let age1 = 18
    undefined
    let desc = `my name is ${name1} my age is ${age1}` 
 	1.字符串拼接推荐使用加号
	2.常见内置方法    
3.布尔类型(Boolean)
	JS里面的布尔值与Python不同
    	JS是纯小写的 而Python是首字母大小  
4.null与undefined
	null表示值为空(曾经拥有过) undefined表示没有定义(从来没有过)
5.对象(object)
	对象之数组(Array)>>>:类似于python中的列表
        let l1 = []
	对象之自定义对象(Object)>>>:类似于python的字典
        let d1 = {'name':'jason',}
        let d2 = new Object();

运算符

1.算术运算符
	+ - * / % ++(自增1) --(自减1)
		var x=10;
    	var res1=x++;  加号在后面	先赋值后自增
    	var res2=++x;	加号在前面	 先自增后赋值
2.比较运算符
	!=(值不等 弱) ==(值相等 弱) ===(值相等 强) !==(值不等 强)
	ps:会不会自动转换类型
3.逻辑运算符
	&&(与)	||(或)  !(非)

流程控制

1.单if分支
	if (条件){
        条件成立执行的代码
    }
2.if...else分支
	if(条件){
        条件成立执行的代码
    }else{
        条件不成立执行的代码
    }
3.if...else if...else分支
	if(条件1){
        条件1成立执行的代码
    }else if(条件2){
        条件1不成立条件2执行的代码
    }
    else{
        条件1和2都不成立执行的代码
    }
4.如果分支结构中else if很多还可以考虑使用switch语法
	switch(条件){
        case 条件1:
        	条件1成立执行的代码;
        	break;  如果没有break会基于某个case一直执行下去
        case 条件2:
        	条件2成立执行的代码;
        	break;
        case 条件3:
        	条件3成立执行的代码;
        	break;
       	case 条件4:
        	条件4成立执行的代码;
        	break;
        default:
  			 条件都不满足执行的代码
    }
 
for循环
	for(起始条件;循环条件;条件处理){
        循环体代码
    }
	for(let i=0;i<10;i++){
       	 console.log(i)
    }
 	let dd = {'name':'jason','age':18}
   for(let k in dd){
        console.log(k)
    }

while循环
	while(循环条件){
        循环体代码
    }
    
"""
三元运算
	python中:   值1 if 条件 else 值2
	JS中:	   条件?值1:值2
"""

函数

"""
python中函数的定义
    def 函数名(形参):
        '''函数注释'''
        函数体代码
        return 返回值
"""
function 函数名(形参){
    // 函数注释
    函数体代码
    return 返回值
}
# 匿名函数
var s1 = function(a, b){
  return a + b;
}
# 箭头函数
var f = v => v;
var f = function(v){
  return v;
}

var f = () => 5;
var f = function(){return 5};

var sum = (num1, num2) => num1 + num2;
var sum = function(num1, num2){
  return num1 + num2;  
}

1.JS中函数的形参与实参个数可以不对应
	传少了就是undefined 传多了不用
2.函数体代码中有一个关键字arguments用来接收所有的实参
3.函数的返回值如果有多个需要自己处理成一个整体

内置对象

var d = new Date(); 
//getDate()                 获取日
//getDay ()                 获取星期
//getMonth ()               获取月(0-11)
//getFullYear ()            获取完整年份
//getYear ()                获取年
//getHours ()               获取小时
//getMinutes ()             获取分钟
//getSeconds ()             获取秒
//getMilliseconds ()        获取毫秒
//getTime ()                返回累计毫秒数(从1970/1/1午夜)


let dd = {name: 'jason', age: 18}
JSON.stringify(dd)	序列化
JSON.parse(ss)	   反序列化


定义正则两种方式
var reg1 = new RegExp("^[a-zA-Z][a-zA-Z0-9]{5,11}");
var reg2 = /^[a-zA-Z][a-zA-Z0-9]{5,9}$/;
1.全局模式的规律
	lastIndex
2.test匹配数据不传默认传undefined

1.编写代码,将当前日期按“2017-12-27 11:11 星期三”格式输出

let db1 = new Date();
//实现方法 @return 返回2个值,一个是带时分秒,另一个不带。
function msToDate(msec) {
    let datetime = new Date(msec);
    let year = datetime.getFullYear();
    let month = datetime.getMonth();
    let date = datetime.getDate();
    let hour = datetime.getHours();
    let minute = datetime.getMinutes();
    let second = datetime.getSeconds();
    let day = datetime.getDay();
    switch (day) {
        case day = 1:
            day = '星期一';
            break;
        case day = 2:
            day = '星期二';
            break;
        case day = 3:
            day = '星期三';
            break;
        case day = 4:
            day = '星期四';
            break;
        case day = 5:
            day = '星期五';
            break;
        case day = 6:
            day = '星期六';
            break;
        default:
            day='星期日';
            break;

    }
    let result1 = year +
        '-' +
        ((month + 1) >= 10 ? (month + 1) : '0' + (month + 1)) +
        '-' +
        ((date + 1) < 10 ? '0' + date : date) +
        ' ' +
        ((hour + 1) < 10 ? '0' + hour : hour) +
        ':' +
        ((minute + 1) < 10 ? '0' + minute : minute) +
        '  ' +
        day;
    let result2 = year +
        '-' +
        ((month + 1) >= 10 ? (month + 1) : '0' + (month + 1)) +
        '-' +
        ((date + 1) < 10 ? '0' + date : date);
    let result = {
        hasTime: result1,
        withoutTime: result2
    };
    return result;
}

console.log(msToDate(db1).hasTime);

标签:case,代码,JavaScript,break,let,var,day
From: https://www.cnblogs.com/bnmm/p/16953308.html

相关文章

  • python之路42 JavaScript 基础语法
    JavaScript简介1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望这门语言能够成为国际标准。次年,ECMA发布262号标准文件(ECMA-26......
  • 前端之JavaScript
    目录JavaScript一.JavaScript简介1.ECMAScript和JavaScript的关系2.JavaScript语言3.HTML、CSS、JavaScript二.JavaScript基础之语言规范1.如何使用?2.注释语法3.结束符三.J......
  • JavaScript基础1
    今日内容概要JS简介变量与常量基本数据类型运算符流程控制函数内置对象今日内容详细JS简介全称JavaScript但是与Java一毛钱关系都没有之所以这么叫是为了蹭Ja......
  • JavaScript编程语言
    JavaScript编程语言JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开......
  • JavaScript习题之算法设计题
    //1.九九乘法表for(vari=1;i<10;i++){document.write("<span>");for(varj=1;j<=i;j++){if(j%2==0){......
  • JavaScript习题之填空题
    1.JavaScript有两种引⽤数据类型:__数组___、__对象__。2.Javascript通过__setTimeout___延迟指定时间后,去执⾏某程序。3.Javascript⾥String对象通过__indexOf__⽅法取......
  • JavaScript习题之判断题
    1.JavaScript是Java语言的脚本形式。()2.JavaScript中的方法名不区分大小写。()3.JavaScript语句结束时的分号可以省略。()4.通过外链式引入JavaScript时,可以省略</scr......
  • JavaScript习题之简答题
    1.分别描述HTML、CSS、JS在页面组成中的作用。HTML是超文本标记语言,是用来描述网页的语言,定义网页的结构,内容可以包含文字、图片、视频等。CSS是层叠样式表,定义如何显示HT......
  • JavaScript习题之选择题
    console.log((2==true)+1)会弹出AtrueBfalseC1D2正确答案:C2==true为假,此时值为0 在JS中,“1555”+3的运行结果是A1558B1552C15553D1553正确答案:C解析:155......
  • 推荐 10个非常好用的 JavaScript 动画库!!!
    1.Tween.jsTweenJS 是一个简单的 JavaScript 补间动画库。能够很好的和 EaselJS 库集成,但也不依赖或特定于它。它支持渐变的数字对象属性和 CSS 样式属性。AP......