【React工作记录一百零八】前端小知识点扫盲笔记记录9

  
  
  
  



  
    
    //start 是一个字符的索引。首字符的索引为 0，最后一个字符的索引为 字符串的长度减去1
    var str = "abcdefghij";
    //substr() 方法返回一个字符串中从指定位置开始到指定字符数的字符。
    console.log("(1,2): " + str.substr(1, 2)); // (1,2): bc
    //负数表示strLength + start 10
    console.log("(-3,2): " + str.substr(-3, 2)); // (-3,2): hi
    console.log("(-3): " + str.substr(-3)); // (-3): hij
    console.log("(1): " + str.substr(1)); // (1): bcdefghij
    console.log("(-20, 2): " + str.substr(-20, 2)); // (-20, 2): ab
    console.log("(20, 2): " + str.substr(20, 2)); // (20, 2):截取为空
  

	
		

		
	

	
		function aa() {
			var r = document.getElementsByName('r')

			for (var i = 0; i < r.length; i++) {
				if (r[i].checked) {
					console.log(r[i].value + ',' + r[i].nextSibling.nodeValue)
				}
			}
		}
	

	
		
			a

			b

			c

			d

			e

			f

			g

			h

			i

			j

			

			
		
	

  
  
  
  


  
    window.onload = function(){
      var ul=document.getElementById("ul")
     ul.onclick = function(e){
      e=window.event?window.event:e;
      var who=e.target?e.target:e.srcElement;
      console.log(who.innerHtml)
     }
    }
  

    
    
    
    


    
        
        function myreserve(arr){
            // var arr=new Array();
            for(var i=0;i

  
  
  
  



  
    console.log(100)
    setTimeout(() => {
      console.log(200)
    })
    Promise.resolve().then(() => {
      console.log(300)
    })
    console.log(400)
    // 答案为： 100 400 300 200
    // setTimeout是个宏任务，而pormise是个微任务，微任务要比宏任务执行的要早
  

  
  
  
  


  
    //去除前后空格
    String.prototype.deletePlace=function(){
      var str=this
      while(str[0]===" "){
        str.substring(1)
      }
      while(str[str.length-1]===" "){
        str.substring(0,str.length-1)
      }
      return str
    }

    
  

	
		
		
		
		
	
	
		
			function object(obj) {
				function F() {}
				F.prototype = obj
				return new F()
			}

			function createAnother(original) {
				var clone = object(original) // 通过调用 object() 函数创建一个新对象
				clone.sayHi = function () {
					// 以某种方式来增强对象
					console.log('我是歌谣')
				}
				return clone // 返回这个对象
			}

			var person = {
				name: 'Nicholas',
				friends: ['Shelby', 'Court', 'Van'],
			}
            //调用方法
			var anotherPerson = createAnother(person)
			anotherPerson.sayHi() //"我是歌谣"
            //原型链继承多个实例的引用类型属性指向相同，存在篡改的可能。无法传递参数
		
	

	
		
		
		
		
	
	

        
		
			function inheritPrototype(Son, Father) {
				var prototype = Object.create(Father.prototype) // 创建对象，创建父类原型的一个副本
				prototype.constructor = Son // 增强对象，弥补因重写原型而失去的默认的constructor 属性
				Son.prototype = prototype // 指定对象，将新创建的对象赋值给子类的原型
			}
0
			// 父类初始化实例属性和原型属性
			function Father(name) {
				this.name = name
				this.colors = ['red', 'blue', 'green']
			}
			Father.prototype.sayName = function () {
				console.log(this.name)
			}

			// 借用构造函数传递增强子类实例属性（支持传参和避免篡改）
			function Son(name, age) {
				Father.call(this, name)
				this.age = age
			}

			// 将父类原型指向子类
			inheritPrototype(Son, Father)

			// 新增子类原型属性
			Son.prototype.sayAge = function () {
				console.log(this.age)
			}
			var instance1 = new Son('xyc', 23)
			var instance2 = new Son('lxy', 23)

			instance1.colors.push('2') // ["red", "blue", "green", "2"]
            console.log(instance1)
			instance1.colors.push('3') // ["red", "blue", "green", "3"]
            console.log(instance1)