首页 > 编程语言 >JavaS

JavaS

时间:2023-01-31 16:37:28浏览次数:31  
标签:function console log result JavaS var 函数

目录


前言


数据类型

  • number:数字型,包括整数和小数
  • boolean:布尔类型,true和false(小写)
  • string:字符串类型
  • object:对象
  • undefined:表示未定义

变量声明

  • var:全局变量声明
  • let:局部变量声明
var a = 10;
let b =20;
var c,d=20;//d=20,c没有被赋值,类型为undefined

注释

  • /*value*/:多行注释
  • //value:单行注释

输出函数

console.log(value):控制台输出
alert(value):弹窗输出

字符串

运算

  • string+number ==>string

变量类型转换

  • string ==> number

    • float 将字符串转换为浮点数(小数)

      parseFloat()
      
      var str = "20,02";
      var c = parseFloat(str);
      console.log(typeof(c));//number
      
    • Int 将字符串转换为浮点数(整数)

      parseInt()
      
      var str = "200";
      var c = parseInt(str);
      console.log(typeof(c));//number
      
  • number ==> string

    • 方法一

      var a = 1;
      var str_a = a+"";
      
    • 方法二

      toString()
      
      var a = 1;
      var str_a = a.toString();
      

字符串操作

s.split(str)	        字符串切割,以str为分界线切割
s.substr(start,len)	字符串切割,从start开始,切len个字符
s.substring(start,end)	字符串切割,从satrt切割刀end,顾前不顾后
s.lenth	                返回字符串长度
s.charAt(i)	        返回索引值为i的字符
s.indexOf('xxx')	返回'xxx'的索引位置,没有找到则返回-1



  • s.split(str):字符串切割,以str为分界线切割
  • s.substr(start,len):字符串切割,从start开始,切len个字符
  • s.substring(start,end):字符串切割,从satrt切割刀end,顾前不顾后
  • s.lenth:返回字符串长度
  • s.charAt(i):返回索引值为i的字符
  • s.indexOf('xxx'):返回'xxx'的索引位置,没有找到则返回-1
  • s.includes('xxx'):判断s是否包含'xxx'
  • s.toUpperCase():让s全体转换为大写s
  • s.startWith('xxx'):判断s是否以'xxx'开头

运算

逻辑判断

  • ==:判断左右两端的值是否相等,单纯地判断值,不判断数据类型
  • !=:判断左右两端的值是否不相等
  • ===:判断数据类型和值是否相等
  • &&:判断&&左右两边的逻辑是否同时成立,同时成立则返回true
  • ||:判断||左右两边的逻辑是否有成立的,有一个成立则返回true

三元表达式

  • var c = a > b ? a : b

    如果a大于b,三元表达式返回a。否则,返回b。

自增/自减

// 这里以自增为例
// result += value 
//	说明:result最终的值等于result+value,也就是在自身的基础上加value
var result = 10;
result += 3;// result = 13
//=================================================
// result++
//	说明:翻译一下就是,result += 1
//=================================================
// ++result
//	说明:翻译一下就是,result += 1
//=================================================
// 关于++result和reslut++
//	1.无论哪一种,目的都是让result自增1
//	2.result++这个表达式的运算结果是result
//	  ++result这个表达式的运算结果是result + 1
var a = 2;
var b = a++;// b = 2
var c = ++a;// c = 3
a = a++//a = 2

if条件判断

类型1:

if (判断条件){
    执行内容;
}else if (判断条件){
    执行内容;
}else{
    执行内容;
}

类型2:

if (判断条件)执行内容;else 执行内容;

示例1:

var a = 10;
if (a >= 10){
    console.log("a的值大于10");
}else if (a <= 5){
    console.log("a的值小于5");
}else{
    console.log("假装有内容");
}

示例2:

var a = 10;
if (a >= 10)console.log("a的值大于10");else console.log("a的值小于10");

switch条件判断

switch (判断对象){
    case 期望值1:
        执行内容;
        break;
    case 期望值2:
        执行内容;
        break;
    case 期望值3:
        执行内容;
        break; 
    default://没有匹配的期望值就执行下面的内容
        执行内容;   
}

说明:如果不添加break,会出现case穿透的问题。


循环语句

while

while (判断条件){
    执行内容;
}

do while

说明:先执行再判断,不管是否符号条件,都会执行一次do里面的内容

do{
    执行内容;
}while(判断条件)

for

类型1:

for(需要判断的变量;判断条件;改变循环变量){
    执行内容;
}

示例:

for( var i = 0;i<=10;i++){
    console.log(i);
}
//执行流程
//1.定义初始值 i=0
//2.判断条件
//3.执行内容
//4.改变循环变量
//5.循环步骤234

类型2:

var arr = [11,22,33,44];
for(var i in arr){
    console.log(var)// 0 1 2 3
    //拿到的是列表下标
}
for(var i in arr){
    console.log(arr[i])// 11 22 33 44
    //拿到的是列表元素的值
}

列表的一个特有方案:

var list = [11,22,33];
list.forEach(function(item){
    console.log(item);
})
//把列表的的值一个一个地传入function函数,把值打印出来

数组

和python的字典还有json类似

创建数组

var list1 = [11,22,33];
var list2 = new Array(3);//创建一个长度为3的数组
var list3 = new Array(11,22,33);

赋值

var list = new Array(3);
list[0] = 11;//将11保存到索引为0的位置
list[1] = 22;

对象

创建对象

//类似于C语言的结构体
var p ={
    home:"中国广东",
    age:"20",
    love:"吃饭",
    f1:function(){
        console.log("烤鸭");
    }//可在括号内填入参数
};

修改变量和取值

var p ={
    home:"中国广东",
    age:"20",
    love:"吃饭"
}
p.home = "中国北京"//修改
a = p.age//取值	//a = "20"

函数

创建函数

方法1:

var 函数名 = function{
	函数体
};

var a = function{
	console.log("烤鸭真好吃!!!")
};

a();//调用

方法2:

//自运行函数
//匿名函数
(funtion(参数){
 函数体
 })(参数)

(funtion(a,b){
 	console.log(a+b);
 })(10,3)
//输出13

闭包

说明:防止多个函数使用同一个变量。 比如说,f1函数中a=10,f2函数中a=12,编译器不知道使用哪个值
//可以无限嵌套
(function(){
   return function(){
       return{
           a:function(){
              函数体    
           }
       }
   } 
})()


执行步骤:
1.先看末尾的括号(),这里表示调用函数,调用谁呢?调用前面第一个括号括起来的内容

2.然后,执行第一个函数体

3.可见,这个function()返回第二个function()函数,返回给谁呢?返回到最上层,和最后一个括号拼接起来就是

(function(){
	 return{a:function(){
         执行内容;
     	}
	}
} )()

4.和上面一样,这个function也是返回一个函数

a:function(){
         执行内容;
}

5.这个函数最终返回到最上层,

(a:function(){
         执行内容;
})()

6.简单来说,就是执行最里面执行的函数

完事!!!

标签:function,console,log,result,JavaS,var,函数
From: https://www.cnblogs.com/Rev-RoastDuck/p/17078795.html

相关文章

  • javaSE知识学习目录
    Java环境配置(JDK的安装)Java入门程序 HelloWorld.java......
  • JavaScript学习笔记—DOM:属性节点
    属性也是一个节点对象(Attr),和文本一样,通常我们不会去直接获取节点对象,而是通过元素来完成对属性的操作:方式一:读取:元素.属性名(注意,class属性需要使用className来读取)读......
  • 关于IDEA运行时报内存溢出FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - Jav
    IDEA运行时,经常会碰到内存溢出问题:FATALERROR:CALL_AND_RETRY_LASTAllocationfailed-JavaScriptheapoutofmemory,非常讨厌,浪费时间,现记录解决方案如下:1、全......
  • javascript:js 读写 style属性(DOM模型)
    javascript:js读写style属性(DOM模型)    一、说明: 1、js读取style属性,需要去掉css格式中的“-”,“-”后面的第一个字母大写。js中的减号(“-”),与css中属性......
  • 痛恨 JavaScript 每一天(缺少指针)
    背景二叉搜索树,插入节点JavaScript解法functioninsertNode(root,newNode){if(newNode.key<root.key){if(root.left){insertNode(r......
  • JavaScript JSON
    什么是JSONJSON的作用:JSON是用于存储和传输数据的格式;JSON通常用于服务端向网页传输数据;什么是JSON:JSON全称为:JavaScriptObjectNotation是一种轻量级的数据交......
  • JavaScript之this、let、const关键字
    各场景下的thisthis的意思:百度翻译为:这、这么、本在JavaScript中,表示当前对象的引用关键字,没有特殊含义。在一个方法中,this表示该方法所属的对象。如果单独使用,this表......
  • javaScript一个数组对象根据另一个数组排序
    varlist=[{name:'上海',code:'shanghai',},{name:'西安',code:'xian'},{name:'深圳',code:'shenzhen'},{name:'北京',code:'beijing'}];list......
  • JavaScript学习笔记—DOM之文本节点
    在DOM中,文本内容也是一个节点对象(Text),可以通过获取文本对象然后完成对它的各种操作,但这种做法会使得事情变得复杂,并不建议这么做。在大部分场景下,可以通过元素的属性来操作......
  • JavaScript 前端大文件上传
    ​对于大文件的处理,无论是用户端还是服务端,如果一次性进行读取发送、接收都是不可取,很容易导致内存问题。所以对于大文件上传,采用切块分段上传,从上传的效率来看,利用多线程......